@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);



html {

    min-height: 100%;

    position: relative;

}



body {

    padding-bottom: 0;

    background-color: #e4e6e9;

    font-family: 'Open Sans';

    font-size: 13px;

    color: #393939;

    min-height: 100%

}



body:before {

    content: "";

    display: block;

    position: fixed;

    top: 0;

    bottom: 0;

    max-height: 100%;

    min-height: 100%;

    width: 100%;

    z-index: -1;

    background-color: #FFF

}



#main-container {

    padding: 0;

    position: relative

}



.navbar {

    margin-bottom: 0

}



.navbar-inverse .navbar-inner {

    border: 0;

    box-shadow: none;

    border-radius: 0;

    margin: 0;

    padding-left: 0;

    padding-right: 0;

    min-height: 45px;

    position: relative

}



.navbar-inverse .navbar-inner {

    background: #438eb9

}



.navbar-inverse {

    padding-left: 0;

    padding-right: 0;

    margin-left: 0;

    margin-right: 0

}



.navbar-inverse .brand, .navbar-inverse .navbar-text, .navbar-inverse .navbar-link, .navbar-inverse .brand, .navbar-inverse .nav > li > a {

    color: #FFF

}



.navbar-inverse .brand {

    font-size: 24px

}



.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {

    background-color: #d67e31

}



.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {

    border-top-color: #FFF

}



.navbar-inverse .brand {

    text-shadow: none

}



.navbar-inverse .nav > li > a {

    font-size: 13px;

    text-shadow: none

}



.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {

    box-shadow: none

}



.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {

    background-color: #336e96

}



.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {

    background-color: #db873d

}



.binyuzdoksan-nav {

    height: 100%

}



.binyuzdoksan-nav > li {

    line-height: 45px;

    background-color: #2e6589;

    border-left: 1px solid #DDD;

    padding: 0;

    position: relative

}



.binyuzdoksan-nav > li > a > [class*="icon-"] {

    font-size: 16px;

    color: #EEE

}



.binyuzdoksan-nav > li > a, .binyuzdoksan-nav > li > span {

    position: relative;

    color: #EEE;

    display: block;

    height: 100%;

    padding: 0 8px !important;

    background-color: none

}



.binyuzdoksan-nav > li:first-child {

    border-left: none

}



.binyuzdoksan-nav > li > a > .badge {

    position: relative;

    top: -4px;

    left: 2px;

    padding-right: 5px;

    padding-left: 5px

}



.nav-user-photo {

    margin: -4px 8px 0 0;

    border-radius: 24px;

    border: 2px solid #FFF;

    max-width: 36px !important

}



.binyuzdoksan-nav > li.grey {

    background: #555

}



.binyuzdoksan-nav > li.purple {

    background: #892e65

}



.binyuzdoksan-nav > li.green {

    background: #2e8965

}



.binyuzdoksan-nav > li.light-blue {

    background: #62a8d1

}



.binyuzdoksan-nav > li.red {

    background: #b74635

}



.binyuzdoksan-nav > li.light-green {

    background: #9abc32

}



.binyuzdoksan-nav > li.light-purple {

    background: #cb6fd7

}



.binyuzdoksan-nav > li.light-orange {

    background: #f79263

}



.binyuzdoksan-nav > li.dark {

    background: #404040

}



.binyuzdoksan-nav > li.light-blue2 {

    background: #42a8e1

}



.binyuzdoksan-nav > li.white-pink {

    background: #f4dae5

}



.binyuzdoksan-nav > li.no-border {

    border-left: none

}



.binyuzdoksan-nav > li.margin-1 {

    margin-left: 1px

}



.binyuzdoksan-nav > li.margin-2 {

    margin-left: 1px;

    margin-right: 1px

}



#breadcrumbs {

    position: relative;

    z-index: 13;

    border-bottom: 1px solid #e5e5e5;

    background-color: #f5f5f5;

    min-height: 40px;

    line-height: 39px;

    padding: 0 12px 0 0;

    display: block

}



.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 > a {

    display: inline-block;

    padding: 0 4px;

    color: #4c8fbd

}



.breadcrumb > li, .breadcrumb > .active {

    color: #555

}



.breadcrumb .icon-home {

    margin-left: 4px;

    margin-right: 2px;

    font-size: 20px;

    position: relative;

    top: 2px

}



.breadcrumb .icon-angle-right {

    height: 22px;

    padding: 0;

    margin: 0;

    position: relative;

    top: 1px;

    font-size: 14px;

    color: #b2b6bf

}



.breadcrumb > li > .divider {

    padding: 0 4px

}



#nav-search {

    position: absolute;

    top: 5px;

    right: 22px;

    line-height: 24px

}



#nav-search .form-search {

    margin-top: 1px

}



#nav-search-input {

    border-color: #6fb3e0;

    border-width: 1px;

    width: 120px;

    height: 18px !important;

    border-radius: 4px !important;

    font-size: 13px;

    color: #666 !important;

    z-index: 11;

    -moz-transition: all .15s ease;

    -webkit-transition: all .15s ease;

    -o-transition: all .15s ease;

    -ms-transition: all .15s ease;

    transition: all .15s ease

}



#nav-search-input + .dropdown-menu {

    min-width: 0;

    left: 0;

    right: 0

}



#nav-search-btn {

    border-radius: 0

}



#nav-search-input:focus {

    color: #656a72;

    box-shadow: none;

    opacity: 1

}



#nav-search-icon {

    color: #6fb3e0;

    font-size: 14px;

    line-height: 24px

}



#sidebar > #nav-search {

    position: static;

    text-align: center;

    background-color: #fafafa;

    height: 35px;

    padding-top: 5px;

    border-bottom: 1px solid #DDD

}



#sidebar > #nav-search > .form-search #nav-search-input {

    width: 130px !important;

    border-radius: 0 !important;

    max-width: 130px !important;

    opacity: 1 !important

}



#sidebar > #nav-search #nav-search-input + .dropdown-menu {

    text-align: left

}



#sidebar.menu-min > #nav-search > .form-search {

    position: absolute;

    left: 5px;

    z-index: 14

}



#sidebar.menu-min > #nav-search > .form-search #nav-search-input {

    width: 0 !important;

    max-width: 0 !important;

    opacity: 0 !important

}



#sidebar.menu-min > #nav-search:hover #nav-search-input, #sidebar.menu-min > #nav-search #nav-search-input:focus, #sidebar.menu-min > #nav-search #nav-search-input:hover, #sidebar.menu-min > #nav-search #nav-search-input:active {

    width: 130px !important;

    max-width: 130px !important;

    opacity: 1 !important

}



#sidebar.menu-min > #nav-search > .form-search #nav-search-icon {

    border: 1px solid;

    border-radius: 32px;

    background-color: #FFF;

    padding: 0 5px

}



#sidebar > #nav-search > .form-search #nav-search-icon, #sidebar.menu-min > #nav-search:hover #nav-search-icon, #sidebar.menu-min > #nav-search > .form-search #nav-search-input:focus ~ #nav-search-icon, #sidebar.menu-min > #nav-search > .form-search #nav-search-input:hover ~ #nav-search-icon, #sidebar.menu-min > #nav-search > .form-search #nav-search-input:active ~ #nav-search-icon {

    border: 0;

    border-radius: 0;

    padding: 0 3px

}



#sidebar:before {

    content: "";

    display: block;

    width: 189px;

    position: fixed;

    bottom: 0;

    top: 0;

    z-index: -1;

    background-color: #f2f2f2;

    border-right: 1px solid #CCC

}



#sidebar {

    width: 189px;

    position: absolute;

    margin-left: 0;

    margin-top: 0;

    border-right: 1px solid #CCC;

    background-color: #FFF

}



body.navbar-fixed {

    padding-top: 45px

}



#sidebar.fixed {

    position: fixed;

    z-index: 14

}



#sidebar-shortcuts {

    background-color: #fafafa;

    line-height: 37px;

    max-height: 40px;

    margin-bottom: 0;

    border-bottom: 1px solid #DDD;

    text-align: center

}



#sidebar-shortcuts-large {

    padding-bottom: 4px

}



#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

}



#main-content {

    margin-left: 190px;

    margin-right: 0;

    margin-top: 0;

    min-height: 100%;

    padding: 0

}



.nav-list {

    margin: 0;

    padding: 0;

    list-style: none

}



li [class^="icon-"], .nav-list li [class^="icon-"], li [class*=" icon-"], .nav-list li [class*=" icon-"] {

    width: auto

}



.nav-list > li > a, .nav-list .nav-header {

    margin: 0

}



.nav-list > li {

    display: block;

    padding: 0;

    margin: 0;

    border: 0;

    border-top: 1px solid #fcfcfc;

    border-bottom: 1px solid #e5e5e5;

    position: relative

}



.nav-list > li:first-child {

    border-top: 0

}



.nav-list > li > a {

    display: block;

    height: 38px;

    line-height: 36px;

    padding: 0 16px 0 7px;

    background-color: #f9f9f9;

    color: #585858;

    text-shadow: none !important;

    font-size: 13px;

    text-decoration: none

}



.nav-list > li > a > [class*="icon-"]:first-child {

    display: inline-block;

    vertical-align: middle;

    min-width: 30px;

    text-align: center;

    font-size: 18px;

    font-weight: normal

}



.nav-list > li > a:focus {

    background-color: #f9f9f9;

    color: #1963aa

}



.nav-list > li > a:hover {

    background-color: #FFF;

    color: #1963aa

}



.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: #3382af

}



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

    display: none

}



.menu-min .nav-list > li > a:hover:before {

    width: 2px;

    max-width: 2px

}



.nav-list > li.separator {

    height: 3px;

    background-color: #62597f;

    position: static;

    margin: 1px 0;

    box-shadow: none

}



.nav-list > li.active {

    background-color: #FFF

}



.nav-list > li.open > a {

    background-color: #fafafa;

    color: #1963aa

}



.nav-list > li.active > a, .nav-list > li.active > a:hover, .nav-list > li.active > a:focus {

    background-color: #FFF;

    color: #0b6cbc;

    font-weight: normal;

    font-size: 13px

}



.nav-list > li.active > a > [class*="icon-"] {

    font-weight: normal

}



.nav-list > li.active > a:after, .nav-list > li.active.open > .submenu > li.active > a:after {

    display: inline-block;

    content: "";

    position: absolute !important;

    right: 0;

    top: 4px;

    border: 8px solid transparent;

    border-width: 14px 10px;

    border-right-color: #0b6cbc

}



.nav-list > li.active > a.dropdown-toggle:after {

    border-width: 12px 7px;

    top: 6px

}



.nav-list > li.active.open > a:after {

    display: none

}



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

    top: 2px

}



.nav-list > li.active:after {

    display: inline-block;

    content: "";

    position: absolute;

    right: -2px;

    top: -1px;

    bottom: 0;

    border-right: 2px solid #0b6cbc

}



.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: 10px;

    top: 11px;

    padding: 0;

    color: #666

}



.nav-list > li > a:hover > .arrow, .nav-list > li.active > a > .arrow, .nav-list > li.open > a > .arrow {

    color: #1963aa

}



.nav-list > .active > ul.submenu {

    display: block

}



.nav-list > li.open {

    border-bottom-color: #e5e5e5

}



.nav-list > li > .submenu {

    display: none;

    list-style: none;

    margin: 0;

    padding: 0;

    position: relative;

    background-color: #FFF;

    border-top: 1px solid #e5e5e5

}



.nav-list > li > .submenu > li {

    margin-left: 0;

    position: relative

}



.nav-list > li > .submenu > li > a {

    display: block;

    color: #616161;

    padding: 7px 0 8px 32px;

    margin: 0;

    border-bottom: 1px dotted #e4e4e4

}



.nav-list > li > .submenu > li > a:focus {

    text-decoration: none

}



.nav-list > li > .submenu > li:last-child > a {

    border-bottom: 0

}



.nav-list > li > .submenu > li:first-child > a {

    border-top: 1px solid #fafafa

}



.nav-list > li > .submenu > li > a:hover {

    text-decoration: none;

    color: #4b88b7

}



.nav-list > li > .submenu > li.active > a {

    color: #0b6cbc

}



.nav-list > li > .submenu > li {

    position: relative

}



.nav-list > li > .submenu > li:before {

    display: inline-block;

    content: "";

    width: 9px;

    position: absolute;

    left: 21px;

    top: 17px;

    border-top: 1px dashed #b1c9e0

}



.nav-list > li > .submenu > li > a {

    padding-left: 37px;

    position: relative

}



.nav-list > li > .submenu > li:after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 18px;

    width: 0;

    border-left: 1px dashed #b1c9e0

}



.nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {

    display: none;

    font-size: 12px;

    font-weight: normal;

    width: 22px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    position: absolute;

    left: 8px;

    top: 10px;

    z-index: 1;

    background-color: #FFF

}



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

    display: inline-block

}



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

    color: #c86139

}



#sidebar-collapse {

    border-bottom: 1px solid #e0e0e0;

    background-color: #f3f3f3;

    text-align: center;

    padding: 3px 0;

    position: relative

}



#sidebar-collapse > [class*="icon-"] {

    display: inline-block;

    cursor: pointer;

    font-size: 14px;

    color: #AAA;

    border: 1px solid #BBB;

    padding: 0 5px;

    line-height: 18px;

    border-radius: 16px;

    background-color: #FFF;

    position: relative

}



#sidebar-collapse:before {

    content: "";

    display: inline-block;

    height: 0;

    border-top: 1px solid #e1e1e1;

    position: absolute;

    left: 15px;

    right: 15px;

    top: 13px

}



#sidebar.menu-min:before {

    width: 42px

}



#sidebar.menu-min {

    width: 42px

}



#sidebar.menu-min + #main-content {

    margin-left: 43px

}



.menu-min .nav-list > li > a {

    position: relative

}



.menu-min .nav-list > li > a > span {

    display: none;

    position: absolute;

    left: 41px;

    top: -2px;

    width: 158px;

    height: 39px;

    line-height: 38px;

    background-color: #f5f5f5;

    z-index: 121;

    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);

    border: 1px solid #CCC;

    padding-left: 12px

}



.menu-min .nav-list > li:hover > a {

    color: #1963aa

}



.menu-min .nav-list > li > a.dropdown-toggle > span {

    box-shadow: none;

    border: 0;

    top: -1px;

    left: 42px;

    width: 163px;

    border-bottom: 1px solid #DDD

}



.menu-min .nav-list > li.active > a > span {

    border-left-color: #1963aa

}



.menu-min .nav-list > li.open > a {

    background-color: #fafafa;

    color: #585858

}



.menu-min .nav-list > li.open.active > a {

    background-color: #FFF

}



.menu-min .nav-list > li.open:hover > a {

    color: #1963aa

}



.menu-min .nav-list > li.active > a:after {

    border-width: 10px 6px;

    top: 8px

}



.menu-min .nav-list > li.active.open > a:after {

    display: block

}



.menu-min .nav-list > li.active.open > .submenu > li.active > a:after {

    display: none

}



.menu-min .nav-list > li:hover > a > span {

    display: block

}



.menu-min .nav-list > li > a > .arrow {

    display: none

}



.menu-min #sidebar-shortcuts {

    position: relative

}



.menu-min #sidebar-shortcuts-mini {

    display: block

}



.menu-min #sidebar-shortcuts-large {

    display: none;

    position: absolute;

    left: 42px;

    top: -1px;

    width: 175px;

    z-index: 20;

    background-color: #FFF;

    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);

    border: 1px solid #CCC;

    padding: 0 2px 3px

}



.menu-min #sidebar-shortcuts:hover #sidebar-shortcuts-large {

    display: block

}



.menu-min #sidebar-collapse:before {

    left: 5px;

    right: 5px

}



.menu-min #sidebar-collapse > [class*="icon-"] {

    font-size: 13px;

    padding: 0 4px;

    line-height: 15px;

    border-width: 1px;

    border-color: #BBB

}



.menu-min .nav-list > li > ul.submenu {

    background: #FFF;

    position: absolute;

    z-index: 120;

    left: 41px;

    top: -2px;

    width: 175px;

    border: 1px solid #CCC;

    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);

    padding-top: 40px;

    padding-bottom: 2px;

    display: none !important

}



.menu-min .nav-list > li:hover > ul.submenu {

    display: block !important

}



.menu-min .nav-list > li.active > ul.submenu {

    border-left-color: #1963aa

}



.menu-min .nav-list > li > ul.submenu > li:before, .menu-min .nav-list > li > ul.submenu > li:after {

    display: none

}



.menu-min .nav-list > li > ul.submenu > li > a {

    border-left: none;

    margin-left: 0;

    padding-left: 24px

}



.menu-min .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {

    width: 16px

}



.menu-min .nav-list > li > .submenu > .active > a > [class*="icon-"]:first-child, .menu-min .nav-list > li > .submenu > :hover > a > [class*="icon-"]:first-child {

    left: 7px

}



#menu-toggler {

    display: none

}



#page-content {

    margin: 0;

    background: #FFF;

    padding: 8px 20px 24px

}



#page-content > .page-header:first-child {

    margin: 0 0 12px;

    border-bottom: 1px dotted #e2e2e2

}



#page-content > .page-header:first-child > h1 {

    padding: 0;

    margin: 0 8px;

    font-size: 24px;

    font-weight: 300;

    color: #2679b5

}



#page-content > .page-header:first-child > h1 > small {

    margin: 0 6px;

    font-size: 14px;

    color: #8089a0;

    font-weight: normal

}



#binyuzdoksan-settings-container {

    position: absolute;

    right: 0;

    top: 50px;

    z-index: 10

}



#binyuzdoksan-settings-btn {

    display: inline-block;

    float: left;

    width: 42px;

    margin: 0;

    text-align: center;

    border-radius: 6px 0 0 6px !important;

    opacity: .4;

    filter: alpha(opacity=40);

    vertical-align: top

}



#binyuzdoksan-settings-btn:hover, #binyuzdoksan-settings-btn.open {

    opacity: 1;

    filter: alpha(opacity=100)

}



#binyuzdoksan-settings-box {

    display: none;

    float: left;

    width: 125px;

    padding: 0 14px;

    background-color: #FFF;

    border: 2px solid #ffb34b

}



#binyuzdoksan-settings-box.open {

    display: inline-block

}



#binyuzdoksan-settings-box > div {

    margin: 6px 0;

    color: #444;

    max-height: 24px

}



#binyuzdoksan-settings-box > div > label {

    font-size: 13px

}



#btn-scroll-up {

    border: 0;

    position: absolute;

    right: 2px;

    bottom: 2px;

    line-height: 20px;

    padding-bottom: 4px

}



a:focus, a:active {

    text-decoration: none

}



.hidden {

    display: none

}



.center {

    text-align: center

}



.position-relative {

    position: relative

}



.position-absolute {

    position: absolute

}



.dark {

    color: #333 !important

}



.white {

    color: #FFF !important

}



.red {

    color: #dd5a43 !important

}



.light-red {

    color: #f77 !important

}



.blue {

    color: #478fca !important

}



.light-blue {

    color: #93cbf9 !important

}



.green {

    color: #69aa46 !important

}



.light-green {

    color: #b6e07f !important

}



.orange {

    color: #ff892a !important

}



.purple {

    color: #a069c3 !important

}



.pink {

    color: #c6699f !important

}



.pink2 {

    color: #d6487e !important

}



.brown {

    color: brown !important

}



.grey {

    color: #777 !important

}



.bigger-110 {

    font-size: 110%

}



.bigger-125 {

    font-size: 125%

}



.bigger-150 {

    font-size: 150%

}



.bigger-200 {

    font-size: 200%

}



.smaller-90 {

    font-size: 90%

}



.smaller-75 {

    font-size: 75%

}



.smaller-50 {

    font-size: 50%

}



.hr {

    display: block;

    height: 0;

    overflow: hidden;

    font-size: 1px;

    margin: 12px 0;

    border-top: 1px solid #e3e3e3

}



.hr-double {

    height: 1px;

    border-top: 1px solid #e3e3e3;

    border-bottom: 1px solid #e3e3e3

}



.hr8 {

    margin: 8px 0

}



.hr12 {

    margin: 12px 0

}



.hr16 {

    margin: 12px 0

}



.hr18 {

    margin: 18px 0

}



.hr24 {

    margin: 24px 0

}



.hr32 {

    margin: 32px 0

}



.hr.dotted {

    border-top-style: dotted

}



.hr-double.dotted {

    border-bottom-style: dotted

}



.space, .spbinyuzdoksan-18, .spbinyuzdoksan-24, .spbinyuzdoksan-36, .spbinyuzdoksan-9, .spbinyuzdoksan-6, .spbinyuzdoksan-3, .vspace, .vspbinyuzdoksan-18, .vspbinyuzdoksan-24, .vspbinyuzdoksan-36, .vspbinyuzdoksan-9, .vspbinyuzdoksan-6, .vspbinyuzdoksan-3 {

    display: block;

    height: 0;

    overflow: hidden;

    font-size: 0;

    margin: 12px 0

}



.vspace, .vspbinyuzdoksan-18, .vspbinyuzdoksan-24, .vspbinyuzdoksan-36, .vspbinyuzdoksan-9, .vspbinyuzdoksan-6, .vspbinyuzdoksan-3 {

    display: none

}



.spbinyuzdoksan-18, .vspbinyuzdoksan-18 {

    margin: 18px 0

}



.spbinyuzdoksan-24, .vspbinyuzdoksan-24 {

    margin: 24px 0

}



.spbinyuzdoksan-36, .vspbinyuzdoksan-36 {

    margin: 36px 0

}



.spbinyuzdoksan-9, .vspbinyuzdoksan-9 {

    margin: 9px 0

}



.spbinyuzdoksan-6, .vspbinyuzdoksan-6 {

    margin: 6px 0

}



.spbinyuzdoksan-3, .vspbinyuzdoksan-3 {

    margin: 3px 0

}



.header {

    line-height: 28px;

    margin-bottom: 16px;

    margin-top: 18px;

    padding-bottom: 4px;

    border-bottom: 1px solid #CCC

}



.header.blue {

    border-bottom-color: #c2daee

}



.header.green {

    border-bottom-color: #d9e8c6

}



.header.purple {

    border-bottom-color: #e0d1f1

}



.header.orange {

    border-bottom-color: #ffd8ab

}



.header.red {

    border-bottom-color: #f4c9c1

}



.header.grey {

    border-bottom-color: #d2d2d2

}



.header.pink {

    border-bottom-color: #eccedf

}



.header.pink2 {

    border-bottom-color: #f1c3d5

}



.header.light-blue {

    border-bottom-color: #dbeefd

}



.header.light-red {

    border-bottom-color: #ffd2d2

}



.header.light-green {

    border-bottom-color: #e7f5d5

}



.header.brown {

    border-bottom-color: #e1b9b9

}



.header > [class*="icon-"] {

    margin-right: 2px

}



h1, h2, h3, h4, h5, h6 {

    font-weight: normal

}



h1 {

    font-size: 32px

}



h2 {

    font-size: 25px

}



h3 {

    font-size: 22px

}



h4 {

    font-size: 18px

}



h5 {

    font-size: 15px

}



h6 {

    font-size: 13px

}



.lighter {

    font-weight: lighter

}



.bolder {

    font-weight: bolder

}



h1.smaller {

    font-size: 31px

}



h2.smaller {

    font-size: 24px

}



h3.smaller {

    font-size: 21px

}



h4.smaller {

    font-size: 17px

}



h5.smaller {

    font-size: 14px

}



h6.smaller {

    font-size: 12px

}



h1.bigger {

    font-size: 33px

}



h2.bigger {

    font-size: 26px

}



h3.bigger {

    font-size: 23px

}



h4.bigger {

    font-size: 19px

}



h5.bigger {

    font-size: 16px

}



h6.bigger {

    font-size: 14px

}



h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {

    margin-bottom: 16px

}



.inline {

    display: inline-block !important

}



.block {

    display: block !important

}



blockquote, blockquote.pull-right {

    border-color: #e5eaf1

}



li > ul.margin, li > ol.margin {

    margin-left: 18px

}



.unstyled > li > [class*="icon-"]:first-child, .inline > li > [class*="icon-"]:first-child {

    width: 20px;

    text-align: center

}



.spaced > li {

    margin-top: 9px;

    margin-bottom: 9px

}



.spaced2 > li {

    margin-top: 15px;

    margin-bottom: 15px

}



li.divider:before {

    content: "";

    display: inline-block

}



li.divider {

    margin-top: 3px;

    margin-bottom: 3px;

    height: 0

}



.spaced > li.divider {

    margin-top: 5px;

    margin-bottom: 5px

}



.spaced2 > li.divider {

    margin-top: 8px;

    margin-bottom: 8px

}



.tab-content {

    border: 1px solid #c5d0dc;

    padding: 16px 12px;

    position: relative;

    z-index: 11

}



.tab-content.no-padding {

    padding: 0

}



.tab-content.padding-8 {

    padding: 8px 6px

}



.tab-content.padding-4 {

    padding: 4px 3px

}



.tab-content.padding-24 {

    padding: 24px 18px

}



.nav-tabs {

    border-color: #d6d6d6;

    margin-bottom: -1px

}



.nav-tabs > li > a, .nav-tabs > li > a:focus {

    border-radius: 0 !important;

    border-color: #cdcdcd;

    background-color: #f9f9f9;

    color: #999;

    margin-right: -1px;

    1 margin-left: 1px;

    line-height: 16px;

    position: relative;

    z-index: 11;

    border-color: #c5d0dc

}



.nav-tabs > li:first-child > a {

    margin-left: 0

}



.nav-tabs > li > a > .badge {

    padding: 0 4px;

    line-height: 15px

}



.nav-tabs > li > a:hover {

    background-color: #FFF;

    color: #4c8fbd;

    border-color: #c5d0dc

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    color: #576373;

    border-color: #c5d0dc;

    border-top: 2px solid #4c8fbd;

    border-bottom-color: transparent;

    background-color: #FFF;

    z-index: 12;

    line-height: 16px;

    margin-top: -1px;

    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15)

}



.nav-tabs > li > a:active, .nav-tabs > li > a:focus {

    outline: none !important

}



.tabs-below > .nav-tabs {

    margin-bottom: 0;

    margin-top: -1px;

    border-color: #c5d0dc

}



.tabs-below > .nav-tabs > li > a, .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a, .tabs-below > .nav-tabs > li > a:focus {

    border-color: #c5d0dc

}



.tabs-below > .nav-tabs > li.active > a, .tabs-below > .nav-tabs > li.active > a:hover, .tabs-below > .nav-tabs > li.active > a, .tabs-below > .nav-tabs > li.active > a:focus {

    border-color: #c5d0dc;

    border-top-width: 1px;

    border-bottom: 2px solid #4c8fbd;

    border-top-color: transparent;

    margin-top: 0;

    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15)

}



.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {

    min-width: 60px

}



.tabs-left > .nav-tabs {

    margin-bottom: 0;

    margin-right: -1px;

    border-color: #c5d0dc

}



.tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {

    border-color: #c5d0dc;

    margin: 0 -1px 0 0

}



.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:hover, .tabs-left > .nav-tabs > li.active > a:focus {

    border-color: #c5d0dc;

    border-top-width: 1px;

    border-left: 2px solid #4c8fbd;

    border-right-color: transparent;

    margin: 0 -1px 0 -1px;

    box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.15)

}



.tabs-right > .nav-tabs {

    margin-bottom: 0;

    margin-left: -1px;

    border-color: #c5d0dc

}



.tabs-right > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {

    border-color: #c5d0dc;

    margin: 0 0 0 -1px

}



.tabs-right > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a:hover, .tabs-right > .nav-tabs > li.active > a:focus {

    border-color: #c5d0dc;

    border-top-width: 1px;

    border-right: 2px solid #4c8fbd;

    border-left-color: transparent;

    margin: 0 -1px 0 -1px;

    box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.15)

}



.nav-tabs > li > a > [class*="icon-"] {

    opacity: .75

}



.nav-tabs > li.active > a > [class*="icon-"] {

    opacity: 1

}



.nav-tabs > li > a > .badge.badge-icon {

    padding-left: 0;

    padding-right: 0;

    text-align: center;

    opacity: .75

}



.nav-tabs > li > a > .badge.badge-icon > [class*="icon-"] {

    margin: 0;

    padding: 0

}



.nav-tabs > li > a > .badge {

    opacity: .75

}



.nav-tabs > li.active a > .badge {

    opacity: 1

}



.nav-tabs .dropdown-toggle .caret {

    margin-top: 7px

}



.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {

    background-color: #4f99c6;

    border-color: #4f99c6;

    color: #fff

}



.accordion-group {

    border-radius: 0;

    border-color: #c5d0dc;

    background-color: #FFF

}



.accordion-group:last-child {

    border-bottom-width: 1px

}



.collapse {

    background-color: #FFF

}



.accordion-heading .accordion-toggle {

    color: #4c8fbd;

    background-color: #f1f9ff

}



.accordion-heading .accordion-toggle.collapsed {

    color: #679;

    font-weight: normal;

    background-color: #f1f9ff

}



.accordion-heading .accordion-toggle:hover {

    color: #4c8fbd;

    background-color: #f1f9ff

}



.accordion-heading .accordion-toggle {

    position: relative

}



.accordion-heading .accordion-toggle:after {

    content: "\f107";

    font-family: FontAwesome;

    font-size: 16px;

    display: inline-block;

    color: #4c8fbd;

    position: absolute;

    right: 6px;

    width: 14px;

    line-height: 18px;

    text-align: center

}



.accordion-heading .accordion-toggle.collapsed:after {

    content: "\f104";

    color: #679

}



.accordion-heading .accordion-toggle.collapsed:hover:after {

    color: #4c8fbd

}



.accordion-heading .accordion-toggle:focus, .accordion-heading .accordion-toggle:active {

    outline: 0;

    text-decoration: none

}



.collapse.in > .accordion-inner, .accordion-inner {

    border-top: 1px solid #c5d0dc

}



.accordion-heading .accordion-toggle > [class*="icon-"]:first-child {

    width: 16px

}



.accordion-heading .accordion-toggle:hover > [class*="icon-"]:first-child {

    text-decoration: none

}



.accordion-inner.no-padding {

    padding: 0

}



.progress {

    border-radius: 0;

    height: 18px;

    box-shadow: none;

    background: #dadada

}



.progress .bar {

    box-shadow: none;

    line-height: 18px

}



.progress[data-percent] {

    position: relative

}



.progress[data-percent]:after {

    display: inline-block;

    content: attr(data-percent);

    color: #FFF;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    line-height: 16px;

    text-align: center;

    font-size: 12px;

    font-family: Verdana

}



.progress.progress-small {

    height: 12px

}



.progress.progress-small .bar {

    line-height: 10px;

    font-size: 11px

}



.progress.progress-small[data-percent]:after {

    line-height: 10px;

    font-size: 11px

}



.progress.progress-mini {

    height: 9px

}



.progress.progress-mini .bar {

    line-height: 8px;

    font-size: 11px

}



.progress.progress-mini[data-percent]:after {

    line-height: 8px;

    font-size: 11px

}



.progress .bar {

    background-image: none;

    background-color: #2a91d8

}



.progress-danger .bar, .progress .bar-danger {

    background-image: none;

    background-color: #ca5952

}



.progress-success .bar, .progress .bar-success {

    background-image: none;

    background-color: #59a84b

}



.progress-warning .bar, .progress .bar-warning {

    background-image: none;

    background-color: #f2bb46

}



.progress .bar + .bar {

    box-shadow: none

}



.progress-danger.progress-striped .bar, .progress-striped .bar-danger {

    background-color: #cc4942

}



.progress-warning.progress-striped .bar, .progress-striped .bar-warning {

    background-color: #eba450

}



.progress-success.progress-striped .bar, .progress-striped .bar-success {

    background-color: #55b83b

}



.progress-info.progress-striped .bar, .progress-striped .bar-info {

    background-color: #148bcf

}



.progress {

    position: relative

}



.progress:before {

    display: inline-block;

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: radial-gradient(9px 9px 0deg, circle cover, aqua 0, rgba(0, 0, 255, 0) 100%, blue 95%)

}



.modal {

    border-radius: 0

}



.modal-footer {

    border-top-color: #e4e9ee;

    box-shadow: none;

    background-color: #eff3f8

}



.modal-header .close {

    font-size: 32px

}



.well {

    border-radius: 0

}



.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {

    margin-top: 0

}



.well h1, .well h2, .well h3 {

    line-height: 36px

}



.alert {

    font-size: 14px;

    border-radius: 0

}



.alert .close {

    font-size: 16px

}



.alert-block p + p {

    margin-top: 10px

}



.tooltip.left {

    margin-left: -11px

}



.tooltip.in {

    opacity: 1;

    filter: alpha(opacity=100)

}



.tooltip-inner {

    background-color: #333;

    color: #FFF;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: bold;

    text-shadow: 1px 1px 0 rgba(42, 45, 50, 0.5);

    border-radius: 0

}



.tooltip.top .tooltip-arrow {

    border-top-color: #333

}



.tooltip.right .tooltip-arrow {

    border-right-color: #333

}



.tooltip.left .tooltip-arrow {

    border-left-color: #333

}



.tooltip.bottom .tooltip-arrow {

    border-bottom-color: #333

}



.tooltip-error + .tooltip > .tooltip-inner {

    background-color: #c94d32;

    color: #FFF;

    text-shadow: 1px 1px 0 rgba(100, 60, 20, 0.3);

    border-radius: 0

}



.tooltip-error + .tooltip.top .tooltip-arrow {

    border-top-color: #c94d32

}



.tooltip-error + .tooltip.right .tooltip-arrow {

    border-right-color: #c94d32

}



.tooltip-error + .tooltip.left .tooltip-arrow {

    border-left-color: #c94d32

}



.tooltip-error + .tooltip.bottom .tooltip-arrow {

    border-bottom-color: #c94d32

}



.tooltip-success + .tooltip > .tooltip-inner {

    background-color: #629b58;

    color: #FFF;

    text-shadow: 1px 1px 0 rgba(60, 100, 20, 0.3);

    border-radius: 0

}



.tooltip-success + .tooltip.top .tooltip-arrow {

    border-top-color: #629b58

}



.tooltip-success + .tooltip.right .tooltip-arrow {

    border-right-color: #629b58

}



.tooltip-success + .tooltip.left .tooltip-arrow {

    border-left-color: #629b58

}



.tooltip-success + .tooltip.bottom .tooltip-arrow {

    border-bottom-color: #629b58

}



.tooltip-warning + .tooltip > .tooltip-inner {

    background-color: #ed9421;

    color: #FFF;

    text-shadow: 1px 1px 0 rgba(100, 90, 10, 0.3);

    border-radius: 0

}



.tooltip-warning + .tooltip.top .tooltip-arrow {

    border-top-color: #ed9421

}



.tooltip-warning + .tooltip.right .tooltip-arrow {

    border-right-color: #ed9421

}



.tooltip-warning + .tooltip.left .tooltip-arrow {

    border-left-color: #ed9421

}



.tooltip-warning + .tooltip.bottom .tooltip-arrow {

    border-bottom-color: #ed9421

}



.tooltip-info + .tooltip > .tooltip-inner {

    background-color: #4b89aa;

    color: #FFF;

    text-shadow: 1px 1px 0 rgba(40, 50, 100, 0.3);

    border-radius: 0

}



.tooltip-info + .tooltip.top .tooltip-arrow {

    border-top-color: #4b89aa

}



.tooltip-info + .tooltip.right .tooltip-arrow {

    border-right-color: #4b89aa

}



.tooltip-info + .tooltip.left .tooltip-arrow {

    border-left-color: #4b89aa

}



.tooltip-info + .tooltip.bottom .tooltip-arrow {

    border-bottom-color: #4b89aa

}



.popover {

    border-radius: 0;

    padding: 0;

    border-color: #ccc;

    border-width: 1px;

    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);

    color: #4d6883

}



.popover-title {

    border-radius: 0;

    background-color: #eff3f8;

    color: #555;

    border-bottom: 1px solid #dfe3e8;

    text-shadow: 1px 1px 1px rgba(220, 220, 220, 0.2)

}



.popover.bottom .arrow:after {

    top: 1px;

    margin-left: -10px;

    border-bottom-color: #eff3f8;

    border-top-width: 0

}



.tooltip-error + .popover .popover-title {

    background-color: #f7f0ef;

    border-bottom-color: #e8e0df;

    color: #b75445;

    text-shadow: none

}



.tooltip-error + .popover {

    color: #555;

    border: 1px solid #f7f0ef

}



.tooltip-error + .popover.top .arrow:after {

    border-top-color: #f7f0ef

}



.tooltip-error + .popover.bottom .arrow:after {

    border-bottom-color: #f7f0ef

}



.tooltip-error + .popover.right .arrow:after {

    border-right-color: #f7f0ef

}



.tooltip-error + .popover.left .arrow:after {

    border-left-color: #f7f0ef

}



.tooltip-warning + .popover .popover-title {

    background-color: #f4eee3;

    border-bottom-color: #e4dcd3;

    color: #d67e31;

    text-shadow: none

}



.tooltip-warning + .popover {

    color: #555;

    border: 1px solid #f4eee3

}



.tooltip-warning + .popover.top .arrow:after {

    border-top-color: #f4eee3

}



.tooltip-warning + .popover.bottom .arrow:after {

    border-bottom-color: #f4eee3

}



.tooltip-warning + .popover.right .arrow:after {

    border-right-color: #f4eee3

}



.tooltip-warning + .popover.left .arrow:after {

    border-left-color: #f4eee3

}



.tooltip-success + .popover .popover-title {

    background-color: #e8f2e3;

    border-bottom-color: #d8e2d3;

    color: #629b58;

    text-shadow: none

}



.tooltip-success + .popover {

    color: #555;

    border: 1px solid #e8f2e3

}



.tooltip-success + .popover.top .arrow:after {

    border-top-color: #e8f2e3

}



.tooltip-success + .popover.bottom .arrow:after {

    border-bottom-color: #e8f2e3

}



.tooltip-success + .popover.right .arrow:after {

    border-right-color: #e8f2e3

}



.tooltip-success + .popover.left .arrow:after {

    border-left-color: #e8f2e3

}



.tooltip-info + .popover .popover-title {

    background-color: #e5edf8;

    border-bottom-color: #d5dde8;

    color: #3f79b6;

    text-shadow: none

}



.tooltip-info + .popover {

    color: #555;

    border: 1px solid #e5edf8

}



.tooltip-info + .popover.top .arrow:after {

    border-top-color: #e5edf8

}



.tooltip-info + .popover.bottom .arrow:after {

    border-bottom-color: #e5edf8

}



.tooltip-info + .popover.right .arrow:after {

    border-right-color: #e5edf8

}



.tooltip-info + .popover.left .arrow:after {

    border-left-color: #e5edf8

}



.popover-notitle + .popover .popover-title {

    display: none

}



.popover-notitle + .popover.top .arrow:after {

    border-top-color: #FFF

}



.popover-notitle + .popover.bottom .arrow:after {

    border-bottom-color: #FFF

}



.popover-notitle + .popover.right .arrow:after {

    border-right-color: #FFF

}



.popover-notitle + .popover.left .arrow:after {

    border-left-color: #FFF

}



.btn {

    display: inline-block;

    padding: 0 12px 1px;

    line-height: 32px;

    color: #FFF !important;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;

    font-size: 14px;

    background-image: none !important;

    background-color: #abbac3 !important;

    border: 5px solid #abbac3;

    border-radius: 0 !important;

    box-shadow: none !important;

    -moz-transition: all .1s ease-in-out;

    -webkit-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    -ms-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

    cursor: pointer;

    vertical-align: middle;

    margin: 0;

    position: relative

}



.btn-large {

    padding: 0 14px 1px;

    line-height: 38px;

    border-width: 6px;

    font-size: 16px

}



.btn-small {

    padding: 0 8px;

    line-height: 24px;

    border-width: 4px;

    font-size: 13px

}



.btn-mini {

    padding: 0 5px;

    line-height: 22px;

    border-width: 2px;

    font-size: 12px

}



.btn-minier {

    padding: 0 4px;

    line-height: 18px;

    border-width: 1px;

    font-size: 11px

}



button.btn:active {

    top: 1px;

    left: 1px

}



.btn-default {

    background-color: #abbac3 !important;

    border-color: #abbac3

}



.btn:hover, .btn-default:hover {

    background-color: #8b9aa3 !important

}



.btn.active, .btn-default.active {

    background-color: #91a0a5 !important;

    border-color: #8796a0

}



.btn.disabled, .btn-default.disabled, .btn[disabled], .btn-default[disabled] {

    background-color: #abbac3 !important

}



.btn-primary {

    background-color: #2283c5 !important;

    border-color: #2283c5

}



.btn-primary:hover {

    background-color: #045e9f !important

}



.btn-primary.active {

    background-color: #1a76b7 !important;

    border-color: #106eaf

}



.btn-primary.disabled, .btn-primary[disabled] {

    background-color: #2283c5 !important

}



.btn-info {

    background-color: #6fb3e0 !important;

    border-color: #6fb3e0

}



.btn-info:hover {

    background-color: #4f99c6 !important

}



.btn-info.active {

    background-color: #5ca3d0 !important;

    border-color: #4f99c6

}



.btn-info.disabled, .btn-info[disabled] {

    background-color: #6fb3e0 !important

}



.btn-success {

    background-color: #87b87f !important;

    border-color: #87b87f

}



.btn-success:hover, .btn-success.active {

    background-color: #629b58 !important

}



.btn-success.active {

    background-color: #68a563 !important;

    border-color: #629b58

}



.btn-success.disabled, .btn-success[disabled] {

    background-color: #87b87f !important

}



.btn-warning {

    background-color: #ffb752 !important;

    border-color: #ffb752

}



.btn-warning:hover {

    background-color: #e59729 !important

}



.btn-warning.active {

    background-color: #ea9e33 !important;

    border-color: #e59729

}



.btn-warning.disabled, .btn-warning[disabled] {

    background-color: #ffb752 !important

}



.btn-danger {

    background-color: #d15b47 !important;

    border-color: #d15b47

}



.btn-danger:hover {

    background-color: #b74635 !important

}



.btn-danger.active {

    background-color: #bf4e3d !important;

    border-color: #b74635

}



.btn-danger.disabled, .btn-danger[disabled] {

    background-color: #d15b47 !important

}



.btn-inverse {

    background-color: #555 !important;

    border-color: #555

}



.btn-inverse:hover {

    background-color: #303030 !important

}



.btn-inverse.active {

    background-color: #3e3e3e !important;

    border-color: #303030

}



.btn-inverse.disabled, .btn-inverse[disabled] {

    background-color: #555 !important

}



.btn-pink {

    background-color: #d6487e !important;

    border-color: #d6487e

}



.btn-pink:hover {

    background-color: #b73766 !important

}



.btn-pink.active {

    background-color: #c0406f !important;

    border-color: #b73766

}



.btn-pink.disabled, .btn-pink[disabled] {

    background-color: #d6487e !important

}



.btn-purple {

    background-color: #9585bf !important;

    border-color: #9585bf

}



.btn-purple:hover {

    background-color: #7461aa !important

}



.btn-purple.active {

    background-color: #7e6ab2 !important;

    border-color: #7461aa

}



.btn-purple.disabled, .btn-purple[disabled] {

    background-color: #9585bf !important

}



.btn-yellow {

    background-color: #fee188 !important;

    border-color: #fee188;

    color: #963 !important;

    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important

}



.btn-yellow:hover {

    background-color: #f7d05b !important

}



.btn.btn-yellow.active {

    background-color: #f9d570 !important;

    border-color: #edcc71

}



.btn.btn-yellow.active:after {

    border-bottom-color: #c96338

}



.btn-yellow.disabled, .btn-yellow[disabled] {

    background-color: #fee188 !important

}



.btn-light {

    color: #888 !important;

    background-color: #e7e7e7 !important;

    border-color: #e7e7e7;

    text-shadow: 0 -1px 0 rgba(250, 250, 250, 0.25) !important

}



.btn-light:hover {

    background-color: #d9d9d9 !important

}



.btn.btn-light.active {

    background-color: #dfdfdf !important;

    border-color: #d5d5d5;

    color: #515151

}



.btn.btn-light.active:after {

    border-bottom-color: #aaa

}



.btn-light.disabled, .btn-light[disabled] {

    background-color: #e7e7e7 !important

}



.btn-light.btn-mini:after {

    left: -2px;

    right: -2px;

    top: -2px;

    bottom: -2px

}



.btn-light.btn-small:after {

    left: -4px;

    right: -4px;

    top: -4px;

    bottom: -4px

}



.btn-light.btn-large:after {

    left: -6px;

    right: -6px;

    top: -6px;

    bottom: -6px

}



.btn-grey {

    background-color: #a0a0a0 !important;

    border-color: #a0a0a0

}



.btn-grey:hover {

    background-color: #888 !important

}



.btn-grey.active {

    background-color: #929292 !important;

    border-color: #888

}



.btn-grey.disabled, .btn-grey[disabled] {

    background-color: #a0a0a0 !important

}



.btn-white {

    background-color: #f7f7f7 !important;

    border-color: #d7d7d7;

    text-shadow: none !important

}



.btn-white:hover {

    background-color: #EEE !important

}



.btn-white.active {

    background-color: #f1f1f1 !important;

    border-color: #999

}



.btn-white.disabled, .btn-white[disabled] {

    background-color: #f7f7f7 !important

}



.btn.disabled.active, .btn.disabled:focus, .btn[disabled]:active, .btn[disabled].active, .btn[disabled]:focus {

    outline: 0

}



.btn.disabled:active, .btn[disabled]:active {

    top: 0;

    left: 0

}



.btn.active {

    color: #efe5b5

}



.btn.active:after {

    display: inline-block;

    content: "";

    position: absolute;

    border-bottom: 1px solid #efe5b5;

    left: -4px;

    right: -4px;

    bottom: -4px

}



.btn-small.active:after {

    left: -3px;

    right: -3px;

    bottom: -3px;

    border-bottom-width: 1px

}



.btn-large.active:after {

    left: -5px;

    right: -5px;

    bottom: -5px;

    border-bottom-width: 1px

}



.btn-mini.active:after {

    left: -1px;

    right: -1px;

    bottom: -1px;

    border-bottom-width: 1px

}



.btn > [class*="icon-"] {

    margin-right: 4px;

    font-size: 110%;

    display: inline;

    min-width: 12px

}



.btn-large > [class*="icon-"] {

    margin-right: 6px;

    font-size: 110%

}



.btn-small > [class*="icon-"] {

    margin-right: 3px;

    font-size: 110%

}



.btn-mini > [class*="icon-"] {

    margin-right: 2px;

    font-size: 120%

}



.btn > .icon-round {

    padding: 1px 2px;

    border: 2px solid #FFF;

    border-radius: 16px

}



.btn > .icon-on-right[class*="icon-"] {

    margin-right: 0;

    margin-left: 4px

}



.btn-large > .icon-on-right[class*="icon-"] {

    margin-left: 6px;

    margin-right: 0

}



.btn-small > .icon-on-right[class*="icon-"] {

    margin-left: 3px;

    margin-right: 0

}



.btn-mini > .icon-on-right[class*="icon-"] {

    margin-left: 2px;

    margin-right: 0

}



.btn > .icon-only {

    margin: 0;

    vertical-align: middle;

    text-align: center;

    padding: 0;

    width: 24px

}



.btn-link {

    border: none !important;

    background-color: transparent;

    color: #08c !important;

    text-shadow: none !important;

    padding: 4px 12px !important;

    line-height: 20px !important

}



.btn-link:hover {

    background: none !important;

    text-shadow: none !important

}



.btn-link.active {

    background: none !important;

    text-decoration: underline;

    color: #07b !important

}



.btn-link.active:after {

    display: none

}



.btn-link.disabled, .btn-link[disabled] {

    background: 0;

    opacity: .65

}



.btn-link.disabled:hover {

    background: none !important;

    text-decoration: none !important

}



.btn-group > .btn:first-child, .btn-group > .btn:last-child {

    border-radius: 0

}



.btn-group > .btn + .btn, .btn-group + .btn {

    margin: 0 1px 0 0

}



.btn-group > .btn:first-child {

    margin: 0 1px 0 0

}



.btn-group > .btn, .btn-group + .btn {

    margin: 0 1px 0 0;

    border-width: 3px !important

}



.btn-group > .btn-large, .btn-group + .btn-large {

    border-width: 4px !important

}



.btn-group > .btn-small, .btn-group + .btn-small {

    border-width: 2px !important

}



.btn-group > .btn-mini, .btn-group + .btn-mini {

    border-width: 1px !important

}



.btn-group-vertical > .btn, .btn-group-vertical > .btn + .btn {

    margin: 1px 0 0

}



.btn-group > .btn:after, .btn-group + .btn:after {

    left: -2px;

    right: -2px;

    bottom: -2px;

    border-bottom-width: 1px

}



.btn-group > .btn-small:after, .btn-group + .btn-small:after {

    left: -1px;

    right: -1px;

    bottom: -1px;

    border-bottom-width: 1px

}



.btn-group > .btn-large:after, .btn-group + .btn-large:after {

    left: -3px;

    right: -3px;

    bottom: -3px;

    border-bottom-width: 1px

}



.btn-group > .btn-mini:after, .btn-group + .btn-mini:after {

    left: 0;

    right: 0;

    bottom: 0;

    border-bottom-width: 1px

}



.btn-group > .btn + .btn.dropdown-toggle {

    padding-right: 3px;

    padding-left: 3px

}



.btn-group > .btn + .btn-large.dropdown-toggle {

    padding-right: 4px;

    padding-left: 4px

}



.btn > .caret {

    margin-top: 15px;

    margin-left: 1px;

    border-width: 5px;

    border-top-color: #FFF

}



.btn-small > .caret {

    margin-top: 10px;

    border-width: 4px

}



.btn-mini > .caret {

    margin-top: 9px;

    border-width: 4px

}



.btn-large > .caret {

    margin-top: 18px;

    border-width: 6px

}



.btn-group > .dropdown-toggle {

    border-radius: 0

}



.btn.btn-app {

    display: inline-block;

    width: 100px;

    margin: 2px;

    position: relative;

    font-size: 18px;

    font-weight: normal;

    color: #FFF;

    text-align: center;

    text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2) !important;

    border: 0;

    border-radius: 12px !important;

    padding: 12px 0 8px;

    background: #b3c1cb !important;

    background: -moz-linear-gradient(top, #bcc9d5 0, #abbac3 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcc9d5), color-stop(100%, #abbac3)) !important;

    background: -webkit-linear-gradient(top, #bcc9d5 0, #abbac3 100%) !important;

    background: -o-linear-gradient(top, #bcc9d5 0, #abbac3 100%) !important;

    background: -ms-linear-gradient(top, #bcc9d5 0, #abbac3 100%) !important;

    background: linear-gradient(to bottom, #bcc9d5 0, #abbac3 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCC9D5', endColorstr='#ABBAC3', GradientType=0) !important

}



.btn-app.btn-primary {

    background: #298acb !important;

    background: -moz-linear-gradient(top, #3b98d6 0, #197ec1 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b98d6), color-stop(100%, #197ec1)) !important;

    background: -webkit-linear-gradient(top, #3b98d6 0, #197ec1 100%) !important;

    background: -o-linear-gradient(top, #3b98d6 0, #197ec1 100%) !important;

    background: -ms-linear-gradient(top, #3b98d6 0, #197ec1 100%) !important;

    background: linear-gradient(to bottom, #3b98d6 0, #197ec1 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B98D6', endColorstr='#197EC1', GradientType=0) !important

}



.btn-app.btn-info {

    background: #78bc43 !important;

    background: -moz-linear-gradient(top, #75b5e6 0, #5ba4d5 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75b5e6), color-stop(100%, #5ba4d5)) !important;

    background: -webkit-linear-gradient(top, #75b5e6 0, #5ba4d5 100%) !important;

    background: -o-linear-gradient(top, #75b5e6 0, #5ba4d5 100%) !important;

    background: -ms-linear-gradient(top, #75b5e6 0, #5ba4d5 100%) !important;

    background: linear-gradient(to bottom, #75b5e6 0, #5ba4d5 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75B5E6', endColorstr='#5BA4D5', GradientType=0) !important

}



.btn-app.btn-success {

    background: #84b357 !important;

    background: -moz-linear-gradient(top, #8ebf60 0, #7daa50 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ebf60), color-stop(100%, #7daa50)) !important;

    background: -webkit-linear-gradient(top, #8ebf60 0, #7daa50 100%) !important;

    background: -o-linear-gradient(top, #8ebf60 0, #7daa50 100%) !important;

    background: -ms-linear-gradient(top, #8ebf60 0, #7daa50 100%) !important;

    background: linear-gradient(to bottom, #8ebf60 0, #7daa50 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8EBF60', endColorstr='#7DAA50', GradientType=0) !important

}



.btn-app.btn-danger {

    background: #d23e37 !important;

    background: -moz-linear-gradient(top, #d55b52 0, #d12723 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d55b52), color-stop(100%, #d12723)) !important;

    background: -webkit-linear-gradient(top, #d55b52 0, #d12723 100%) !important;

    background: -o-linear-gradient(top, #d55b52 0, #d12723 100%) !important;

    background: -ms-linear-gradient(top, #d55b52 0, #d12723 100%) !important;

    background: linear-gradient(to bottom, #d55b52 0, #d12723 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D55B52', endColorstr='#D12723', GradientType=0) !important

}



.btn-app.btn-warning {

    background: #ffb752 !important;

    background: -moz-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbf66), color-stop(100%, #ffa830)) !important;

    background: -webkit-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;

    background: -o-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;

    background: -ms-linear-gradient(top, #ffbf66 0, #ffa830 100%) !important;

    background: linear-gradient(to bottom, #ffbf66 0, #ffa830 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBF66', endColorstr='#FFA830', GradientType=0) !important

}



.btn-app.btn-purple {

    background: #9182bb !important;

    background: -moz-linear-gradient(top, #9b8ac5 0, #8a7cb4 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9b8ac5), color-stop(100%, #8a7cb4)) !important;

    background: -webkit-linear-gradient(top, #9b8ac5 0, #8a7cb4 100%) !important;

    background: -o-linear-gradient(top, #9b8ac5 0, #8a7cb4 100%) !important;

    background: -ms-linear-gradient(top, #9b8ac5 0, #8a7cb4 100%) !important;

    background: linear-gradient(to bottom, #9b8ac5 0, #8a7cb4 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B8AC5', endColorstr='#8A7CB4', GradientType=0) !important

}



.btn-app.btn-pink {

    background: #d6487e !important;

    background: -moz-linear-gradient(top, #db5e8c 0, #ce3970 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db5e8c), color-stop(100%, #ce3970)) !important;

    background: -webkit-linear-gradient(top, #db5e8c 0, #ce3970 100%) !important;

    background: -o-linear-gradient(top, #db5e8c 0, #ce3970 100%) !important;

    background: -ms-linear-gradient(top, #db5e8c 0, #ce3970 100%) !important;

    background: linear-gradient(to bottom, #db5e8c 0, #ce3970 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DB5E8C', endColorstr='#CE3970', GradientType=0) !important

}



.btn-app.btn-inverse {

    background: #393939 !important;

    background: -moz-linear-gradient(top, #494949 0, #303030 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #303030)) !important;

    background: -webkit-linear-gradient(top, #494949 0, #303030 100%) !important;

    background: -o-linear-gradient(top, #494949 0, #303030 100%) !important;

    background: -ms-linear-gradient(top, #494949 0, #303030 100%) !important;

    background: linear-gradient(to bottom, #494949 0, #303030 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#303030', GradientType=0) !important

}



.btn-app.btn-grey {

    background: #888 !important;

    background: -moz-linear-gradient(top, #848484 0, #707070 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #848484), color-stop(100%, #707070)) !important;

    background: -webkit-linear-gradient(top, #848484 0, #707070 100%) !important;

    background: -o-linear-gradient(top, #848484 0, #707070 100%) !important;

    background: -ms-linear-gradient(top, #848484 0, #707070 100%) !important;

    background: linear-gradient(to bottom, #848484 0, #707070 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#848484', endColorstr='#707070', GradientType=0) !important

}



.btn-app.btn-light {

    color: #5a5a5a !important;

    text-shadow: 0 1px 1px #EEE !important;

    border: 2px solid #DDD;

    background: #EEE !important;

    background: -moz-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e6e6e6)) !important;

    background: -webkit-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%) !important;

    background: -o-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%) !important;

    background: -ms-linear-gradient(top, #f4f4f4 0, #e6e6e6 100%) !important;

    background: linear-gradient(to bottom, #f4f4f4 0, #e6e6e6 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#E6E6E6', GradientType=0) !important

}



.btn-app.btn-yellow {

    color: #963 !important;

    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important;

    border: 2px solid #fee188;

    background: #fee188 !important;

    background: -moz-linear-gradient(top, #ffe8a5 0, #fcd76a 100%) !important;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe8a5), color-stop(100%, #fcd76a)) !important;

    background: -webkit-linear-gradient(top, #ffe8a5 0, #fcd76a 100%) !important;

    background: -o-linear-gradient(top, #ffe8a5 0, #fcd76a 100%) !important;

    background: -ms-linear-gradient(top, #ffe8a5 0, #fcd76a 100%) !important;

    background: linear-gradient(to bottom, #ffe8a5 0, #fcd76a 100%) !important;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE8A5', endColorstr='#FCD76A', GradientType=0) !important

}



.btn-app.btn-yellow.active {

    border-color: #fee188

}



.btn.btn-app > [class*=icon] {

    display: block;

    font-size: 42px;

    margin: 0 0 4px;

    line-height: 36px;

    min-width: 0;

    padding: 0

}



.btn.btn-app.btn-small {

    width: 80px;

    font-size: 16px;

    border-radius: 10px !important;

    padding-bottom: 9px

}



.btn.btn-app.btn-small > [class*=icon] {

    display: block;

    font-size: 32px;

    line-height: 30px;

    margin: 0 0 3px

}



.btn.btn-app.btn-mini {

    width: 64px;

    font-size: 15px;

    border-radius: 8px !important;

    padding-bottom: 7px;

    padding-top: 8px

}



.btn.btn-app.btn-mini > [class*=icon] {

    display: block;

    font-size: 24px;

    line-height: 24px;

    margin: 0

}



.btn.btn-app.btn-mini.btn-light {

    width: 64px;

    padding-bottom: 6px

}



.btn.btn-app.no-radius {

    border-radius: 0 !important

}



.btn.btn-app.radius-4 {

    border-radius: 4px !important

}



.btn-app > .badge, .btn-app > .label {

    position: absolute !important;

    top: -2px;

    right: -2px;

    padding: 1px 3px;

    text-align: center;

    font-size: 12px

}



.btn-app > .label {

    padding: 1px 6px 3px;

    font-size: 13px

}



.btn.btn-app.radius-4 > .badge, .btn.btn-app.no-radius > .badge {

    border-radius: 3px

}



.btn-app > .badge-right, .btn-app > .label-right {

    right: auto;

    left: -2px

}



.btn.btn-app.radius-4 > .badge.no-radius, .btn.btn-app.no-radius > .badge.no-radius {

    border-radius: 0

}



.btn.btn-app.active {

    color: #FFF

}



.btn.btn-app.active:after {

    display: none

}



.btn.btn-app.btn-yellow.active {

    color: #963

}



.btn.btn-app.btn-light.active {

    color: #515151

}



.pagination ul > li > a, .pager > li > a {

    border-width: 1px;

    border-radius: 0 !important

}



.pagination ul > li > a, .pager > li > a {

    color: #2283c5;

    background-color: #fafafa;

    margin: 0 -1px 0 0;

    border-color: #e0e8eb

}



.pagination ul > li > a:hover, .pager > li > a:hover {

    background-color: #eaeff2

}



.pagination ul > li.disabled > a, .pagination ul > li.disabled > a:hover, .pager > li.disabled > a, .pager > li.disabled > a:hover {

    background-color: #f9f9f9;

    border-color: #d9d9d9

}



.pagination ul > li.active > a, .pagination ul > li.active > a:hover {

    background-color: #6faed9;

    border-color: #6faed9;

    color: #FFF;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)

}



.label {

    border-radius: 0;

    text-shadow: none;

    font-size: 11px;

    font-weight: normal;

    padding: 1px 5px 3px;

    background-color: #abbac3 !important

}



.label[class*="span"][class*="arrow"] {

    min-height: 0

}



.badge {

    text-shadow: none;

    font-size: 12px;

    padding-top: 1px;

    padding-bottom: 3px;

    font-weight: normal;

    line-height: 15px

}



.label-transparent, .badge-transparent {

    background-color: transparent !important

}



.label-success, .badge-success {

    background-color: #82af6f !important

}



.badge-important, .label-important {

    background-color: #d15b47 !important

}



.badge-info, .label-info {

    background-color: #3a87ad !important

}



.badge-inverse, .label-inverse {

    background-color: #333 !important

}



.badge-warning, .label-warning {

    background-color: #f89406 !important

}



.badge-pink, .label-pink {

    background-color: #d6487e !important

}



.badge-purple, .label-purple {

    background-color: #9585bf !important

}



.badge-yellow, .label-yellow {

    background-color: #fee188 !important;

    border-color: #fee188;

    color: #963 !important

}



.badge-light, .label-light {

    background-color: #e7e7e7 !important;

    color: #888 !important

}



.label-grey, .badge-grey {

    background-color: #a0a0a0 !important

}



.label.arrowed, .label.arrowed-in {

    position: relative

}



.label.arrowed {

    margin-left: 9px

}



.label.arrowed-in {

    margin-left: 9px

}



.label.arrowed:before, .label.arrowed-in:before {

    display: inline-block;

    content: "";

    position: absolute;

    left: -14px;

    top: 0;

    border: 9px solid transparent;

    border-width: 9px 7px;

    border-right-color: #abbac3

}



.label.arrowed-in:before {

    border-color: #abbac3;

    border-left-color: transparent !important;

    left: -9px

}



.label.arrowed-right, .label.arrowed-in-right {

    position: relative

}



.label.arrowed-right {

    margin-right: 9px

}



.label.arrowed-in-right {

    margin-right: 9px

}



.label.arrowed-right:after, .label.arrowed-in-right:after {

    display: inline-block;

    content: "";

    position: absolute;

    right: -14px;

    top: 0;

    border: 9px solid transparent;

    border-width: 9px 7px;

    border-left-color: #abbac3

}



.label.arrowed-in-right:after {

    border-color: #abbac3;

    border-right-color: transparent !important;

    right: -9px

}



.label-success.arrowed:before {

    border-right-color: #82af6f

}



.label-success.arrowed-in:before {

    border-color: #82af6f

}



.label-success.arrowed-right:after {

    border-left-color: #82af6f

}



.label-success.arrowed-in-right:after {

    border-color: #82af6f

}



.label-warning.arrowed:before {

    border-right-color: #f89406

}



.label-warning.arrowed-in:before {

    border-color: #f89406

}



.label-warning.arrowed-right:after {

    border-left-color: #f89406

}



.label-warning.arrowed-in-right:after {

    border-color: #f89406

}



.label-important.arrowed:before {

    border-right-color: #d15b47

}



.label-important.arrowed-in:before {

    border-color: #d15b47

}



.label-important.arrowed-right:after {

    border-left-color: #d15b47

}



.label-important.arrowed-in-right:after {

    border-color: #d15b47

}



.label-info.arrowed:before {

    border-right-color: #3a87ad

}



.label-info.arrowed-in:before {

    border-color: #3a87ad

}



.label-info.arrowed-right:after {

    border-left-color: #3a87ad

}



.label-info.arrowed-in-right:after {

    border-color: #3a87ad

}



.label-inverse.arrowed:before {

    border-right-color: #333

}



.label-inverse.arrowed-in:before {

    border-color: #333

}



.label-inverse.arrowed-right:after {

    border-left-color: #333

}



.label-inverse.arrowed-in-right:after {

    border-color: #333

}



.label-pink.arrowed:before {

    border-right-color: #d6487e

}



.label-pink.arrowed-in:before {

    border-color: #d6487e

}



.label-pink.arrowed-right:after {

    border-left-color: #d6487e

}



.label-pink.arrowed-in-right:after {

    border-color: #d6487e

}



.label-purple.arrowed:before {

    border-right-color: #9585bf

}



.label-purple.arrowed-in:before {

    border-color: #9585bf

}



.label-purple.arrowed-right:after {

    border-left-color: #9585bf

}



.label-purple.arrowed-in-right:after {

    border-color: #9585bf

}



.label-yellow.arrowed:before {

    border-right-color: #fee188

}



.label-yellow.arrowed-in:before {

    border-color: #fee188

}



.label-yellow.arrowed-right:after {

    border-left-color: #fee188

}



.label-yellow.arrowed-in-right:after {

    border-color: #fee188

}



.label-light.arrowed:before {

    border-right-color: #e7e7e7

}



.label-light.arrowed-in:before {

    border-color: #e7e7e7

}



.label-light.arrowed-right:after {

    border-left-color: #e7e7e7

}



.label-light.arrowed-in-right:after {

    border-color: #e7e7e7

}



.label-grey.arrowed:before {

    border-right-color: #a0a0a0

}



.label-grey.arrowed-in:before {

    border-color: #a0a0a0

}



.label-grey.arrowed-right:after {

    border-left-color: #a0a0a0

}



.label-grey.arrowed-in-right:after {

    border-color: #a0a0a0

}



.label-large {

    font-size: 13px;

    padding: 3px 8px 5px

}



.label-large.arrowed {

    margin-left: 12px

}



.label-large.arrowed-in {

    margin-left: 12px

}



.label-large.arrowed:before, .label-large.arrowed-in:before {

    left: -16px;

    border-width: 11px 8px

}



.label-large.arrowed-in:before {

    left: -12px

}



.label-large.arrowed-right {

    margin-right: 11px

}



.label-large.arrowed-in-right {

    margin-right: 11px

}



.label-large.arrowed-right:after, .label-large.arrowed-in-right:after {

    right: -16px;

    border-width: 11px 8px

}



.label-large.arrowed-in-right:after {

    right: -12px

}



.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-menu {

    border-radius: 0;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)

}



.dropdown-submenu > a:after {

    margin-right: -5px

}



.dropdown-menu.dropdown-icon-only {

    min-width: 0

}



.dropdown-menu.dropdown-icon-only > li {

    float: left;

    margin: 0 4px

}



.dropdown-menu.dropdown-icon-only > li > a [class*="icon-"] {

    width: 18px;

    font-size: 16px

}



.dropdown-menu.dropdown-icon-only > li > a .icon-2x {

    width: 36px;

    font-size: 22px

}



.dropdown-menu li a {

    margin-bottom: 1px;

    margin-top: 1px

}



.dropdown-menu li a {

    font-size: 13px;

    padding-left: 11px;

    padding-right: 11px

}



.dropdown-menu li a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-submenu:hover > a, .dropdown-menu li > a:focus, .nav-tabs .dropdown-menu li > a:focus {

    background: #4f99c6

}



.dropdown-menu.dropdown-default li a:hover, .dropdown-menu.dropdown-default .active > a, .dropdown-menu.dropdown-default .active > a:hover, .dropdown-default > .dropdown-submenu:hover > a, .dropdown-default li > a:focus, .nav-tabs .dropdown-default li > a:focus {

    background: #abbac3

}



.dropdown-menu.dropdown-info li a:hover, .dropdown-menu.dropdown-info .active > a, .dropdown-menu.dropdown-info .active > a:hover, .dropdown-info > .dropdown-submenu:hover > a, .dropdown-info li > a:focus, .nav-tabs .dropdown-info li > a:focus {

    background: #6fb3e0

}



.dropdown-menu.dropdown-purple li a:hover, .dropdown-menu.dropdown-purple .active > a, .dropdown-menu.dropdown-purple .active > a:hover, .dropdown-purple > .dropdown-submenu:hover > a, .dropdown-purple li > a:focus, .nav-tabs .dropdown-purple li > a:focus {

    background: #9585bf

}



.dropdown-menu.dropdown-success li a:hover, .dropdown-menu.dropdown-success .active > a, .dropdown-menu.dropdown-success .active > a:hover, .dropdown-success > .dropdown-submenu:hover > a, .dropdown-success li > a:focus, .nav-tabs .dropdown-success li > a:focus {

    background: #87b87f

}



.dropdown-menu.dropdown-warning li a:hover, .dropdown-menu.dropdown-warning .active > a, .dropdown-menu.dropdown-warning .active > a:hover, .dropdown-warning > .dropdown-submenu:hover > a, .dropdown-warning li > a:focus, .nav-tabs .dropdown-warning li > a:focus {

    background: #ffa24d

}



.dropdown-menu.dropdown-danger li a:hover, .dropdown-menu.dropdown-danger .active > a, .dropdown-menu.dropdown-danger .active > a:hover, .dropdown-danger > .dropdown-submenu:hover > a, .dropdown-danger li > a:focus, .nav-tabs .dropdown-danger li > a:focus {

    background: #d15b47

}



.dropdown-menu.dropdown-inverse li a:hover, .dropdown-menu.dropdown-inverse .active > a, .dropdown-menu.dropdown-inverse .active > a:hover, .dropdown-inverse > .dropdown-submenu:hover > a, .dropdown-inverse li > a:focus, .nav-tabs .dropdown-inverse li > a:focus {

    background: #555

}



.dropdown-menu.dropdown-pink li a:hover, .dropdown-menu.dropdown-pink .active > a, .dropdown-menu.dropdown-pink .active > a:hover, .dropdown-pink > .dropdown-submenu:hover > a, .dropdown-pink li > a:focus, .nav-tabs .dropdown-pink li > a:focus {

    background: #d6487e

}



.dropdown-menu.dropdown-grey li a:hover, .dropdown-menu.dropdown-grey .active > a, .dropdown-menu.dropdown-grey .active > a:hover, .dropdown-grey > .dropdown-submenu:hover > a, .dropdown-grey li > a:focus, .nav-tabs .dropdown-grey li > a:focus {

    background: #a0a0a0

}



.dropdown-menu.dropdown-light li a:hover, .dropdown-menu.dropdown-light .active > a, .dropdown-menu.dropdown-light .active > a:hover, .dropdown-light > .dropdown-submenu:hover > a, .dropdown-light li > a:focus, .nav-tabs .dropdown-light li > a:focus {

    background: #e9e9e9;

    color: #333

}



.dropdown-menu.dropdown-lighter li a:hover, .dropdown-menu.dropdown-lighter .active > a, .dropdown-menu.dropdown-lighter .active > a:hover, .dropdown-lighter > .dropdown-submenu:hover > a, .dropdown-lighter li > a:focus, .nav-tabs .dropdown-lighter li > a:focus {

    background: #f3f3f3;

    color: #444

}



.dropdown-menu.dropdown-yellow li a:hover, .dropdown-menu.dropdown-yellow .active > a, .dropdown-menu.dropdown-yellow .active > a:hover, .dropdown-yellow > .dropdown-submenu:hover > a, .dropdown-yellow li > a:focus, .nav-tabs .dropdown-yellow li > a:focus {

    background: #fee188;

    color: #444

}



.dropdown-submenu > .dropdown-menu {

    border-radius: 0 !important

}



.dropdown-light .dropdown-submenu:hover > a:after, .dropdown-lighter .dropdown-submenu:hover > a:after {

    border-left-color: #444

}



.nav-tabs .dropdown-menu {

    border-radius: 0

}



.dropdown-menu.dropdown-closer {

    top: 80%;

    left: -10px

}



.dropdown-menu.pull-right.dropdown-closer {

    right: -10px;

    left: auto

}



.dropdown-menu.dropdown-close {

    top: 92%;

    left: -5px

}



.dropdown-menu.pull-right.dropdown-close {

    right: -5px;

    left: auto

}



.dropdown-colorpicker > .dropdown-menu {

    top: 80%;

    left: -7px

}



.dropdown-colorpicker > .dropdown-menu.pull-right {

    right: -7px;

    left: auto

}



.dropdown-colorpicker > .dropdown-menu {

    padding: 4px;

    min-width: 120px;

    max-width: 120px

}



.dropdown-colorpicker > .dropdown-menu > li, .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn {

    display: block;

    float: left;

    width: 20px;

    height: 20px;

    margin: 2px

}



.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn {

    margin: 0;

    padding: 0;

    float: none;

    position: relative;

    border-radius: 0;

    -webkit-transition: all .1s ease;

    -moz-transition: all .1s ease;

    -o-transition: all .1s ease;

    transition: all .1s ease

}



.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn:hover {

    opacity: .8;

    transform: scale(1.08);

    text-decoration: none

}



.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn.selected:after {

    font-family: FontAwesome;

    display: inline-block;

    position: absolute;

    left: 0;

    right: 0;

    text-align: center;

    line-height: 20px;

    content: "\f00c";

    font-size: 11px;

    color: #FFF

}



.btn-colorpicker {

    display: inline-block;

    width: 20px;

    height: 20px;

    background-color: #DDD;

    vertical-align: middle;

    border-radius: 0

}



.dropdown-navbar {

    padding: 0;

    width: 240px;

    border-color: #bcd4e5;

    box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25)

}



.dropdown-navbar > li {

    padding: 0 8px;

    background-color: #FFF

}



.dropdown-navbar > li:hover {

    background-color: #f4f9fc !important

}



.dropdown-navbar > li.nav-header {

    text-shadow: none;

    background-color: #ecf2f7 !important;

    color: #8090a0;

    padding-top: 7px;

    padding-bottom: 7px;

    font-size: 13px;

    font-weight: bold;

    text-transform: none;

    border-bottom: 1px solid #bcd4e5

}



.dropdown-navbar > li > [class*="icon-"], .dropdown-navbar > li > a > [class*="icon-"] {

    margin-right: 5px !important;

    color: #555;

    font-size: 14px

}



.dropdown-navbar > li.nav-header > [class*="icon-"] {

    color: #8090a0

}



.dropdown-navbar > li > a {

    padding: 10px 2px;

    margin: 0;

    border-bottom: 1px solid #e4ecf3;

    font-size: 12px;

    line-height: 16px;

    color: #555

}



.dropdown-navbar > li > a:active {

    background-color: transparent;

    color: #555

}



.dropdown-navbar > li > a:hover {

    background-color: transparent !important;

    color: #555

}



.dropdown-navbar > li:last-child > a {

    border-bottom: 0 solid #DDD;

    border-top: 1px dotted transparent;

    color: #4f99c6;

    text-align: center;

    font-size: 13px

}



.dropdown-navbar > li:last-child > a:hover {

    background-color: #FFF;

    color: #4f99c6;

    text-decoration: underline

}



.dropdown-navbar > li:last-child > a:hover > [class*="icon-"] {

    text-decoration: none

}



.dropdown-navbar > li > a .progress {

    margin-bottom: 0;

    margin-top: 4px

}



.dropdown-navbar > li > a .badge {

    line-height: 16px;

    padding-right: 4px;

    padding-left: 4px;

    font-size: 12px

}



.msg-photo {

    margin-right: 6px;

    max-width: 42px

}



.msg-body {

    display: inline-block;

    line-height: 20px;

    white-space: normal;

    vertical-align: middle;

    max-width: 175px

}



.msg-title {

    display: inline-block;

    line-height: 14px

}



.msg-time {

    display: block;

    font-size: 11px;

    color: #777

}



.msg-time > [class*="icon-"] {

    font-size: 14px;

    color: #555

}



.dropdown-navbar.navbar-pink {

    border-color: #e5bcd4

}



.dropdown-navbar.navbar-pink > li.nav-header {

    background-color: #f7ecf2 !important;

    color: #b471a0;

    border-bottom-color: #e5bcd4

}



.dropdown-navbar.navbar-pink > li.nav-header:hover {

    background-color: #f7ecf2 !important

}



.dropdown-navbar.navbar-pink > li:hover {

    background-color: #fcf4f9 !important

}



.dropdown-navbar.navbar-pink > li.nav-header > [class*="icon-"] {

    color: #c06090

}



.dropdown-navbar.navbar-pink > li > a {

    border-bottom-color: #f3e4ec

}



.dropdown-navbar.navbar-grey {

    border-color: #e5e5e5

}



.dropdown-navbar.navbar-grey > li.nav-header {

    background-color: #f2f2f2 !important;

    color: #3a87ad;

    border-bottom-color: #e5e5e5

}



.dropdown-navbar.navbar-grey > li.nav-header:hover {

    background-color: #f2f2f2 !important

}



.dropdown-navbar.navbar-grey > li.nav-header > [class*="icon-"] {

    color: #3a87ad

}



.dropdown-navbar.navbar-grey > li:hover {

    background-color: #f8f8f8 !important

}



.dropdown-navbar.navbar-grey > li > a {

    border-bottom-color: #EEE

}



.dropdown-navbar.navbar-green {

    border-color: #b4d5ac

}



.dropdown-navbar.navbar-green > li.nav-header {

    background-color: #ebf7e4 !important;

    color: #8A6;

    border-bottom-color: #c4e0ac

}



.dropdown-navbar.navbar-green > li.nav-header:hover {

    background-color: #ebf7e4 !important

}



.dropdown-navbar.navbar-green > li:hover {

    background-color: #f4f9ef !important

}



.dropdown-navbar.navbar-green > li.nav-header > [class*="icon-"] {

    color: #90c060

}



.dropdown-navbar.navbar-green > li > a {

    border-bottom-color: #ecf3e4

}



.dropdown-navbar [class*="btn"][class*="icon-"] {

    border: 0;

    margin: 0 5px 0 0;

    width: 24px;

    text-align: center;

    padding-left: 0;

    padding-right: 0

}



#user_menu > li > a {

    padding: 4px 12px

}



#user_menu > li > a > [class*="icon-"] {

    margin-right: 6px;

    font-size: 120%

}



#user_info {

    max-width: 100px;

    display: inline-block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    vertical-align: top;

    line-height: 15px;

    position: relative;

    top: 6px

}



#user_info > small {

    display: block

}



.table-bordered {

    border-radius: 0 !important

}



.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child {

    border-radius: 0 !important

}



.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child {

    border-radius: 0 !important

}



.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child {

    border-radius: 0 !important

}



.table-bordered {

    border-radius: 0 !important

}



.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child {

    border-radius: 0 !important

}



.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child {

    border-radius: 0 !important

}



.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child {

    border-radius: 0 !important

}



.table thead:first-child tr {

    background: #f2f2f2;

    background: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #ececec));

    background: -webkit-linear-gradient(top, #f8f8f8 0, #ececec 100%);

    background: -o-linear-gradient(top, #f8f8f8 0, #ececec 100%);

    background: -ms-linear-gradient(top, #f8f8f8 0, #ececec 100%);

    background: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#ECECEC', GradientType=0);

    color: #707070;

    font-weight: normal

}



.table thead:first-child tr th {

    border: 1px solid #DDD;

    border-width: 0 1px;

    font-weight: bold

}



.table thead:first-child tr th > [class*="icon-"] {

    margin-right: 2px

}



.table thead:first-child tr th:first-child {

    border-left-color: #f1f1f1

}



.table thead:first-child tr th:last-child {

    border-right-color: #f1f1f1

}



.table-bordered thead:first-child tr th {

    border-width: 0 0 0 1px;

    border-color: #DDD;

    vertical-align: middle

}



.table-bordered thead:first-child tr th:first-child {

    border-left-color: #DDD

}



.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {

    background-color: #f1f1f1

}



td .lbl, th .lbl {

    margin-bottom: 0

}



td > .lbl:only-child, th > .lbl:only-child {

    vertical-align: top

}



td.center, th.center {

    text-align: center

}



.table-header {

    background-color: #307ecc;

    color: #FFF;

    font-size: 14px;

    line-height: 38px;

    padding-left: 12px;

    margin-bottom: 1px

}



.form-line {

    margin-bottom: 24px;

    padding-bottom: 12px;

    border-bottom: 1px solid #EEE

}



.form-actions {

    display: block

}



.help-button {

    display: inline-block;

    height: 18px;

    width: 18px;

    line-height: 20px;

    text-align: center;

    padding: 0;

    background-color: #65bcda;

    color: #FFF;

    font-size: 12px;

    font-weight: bold;

    cursor: default;

    margin-left: 4px;

    border-radius: 16px;

    border-color: #FFF;

    border: 2px solid #FFF;

    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2)

}



.help-button:hover {

    background-color: #65bcda;

    text-shadow: none

}



label, .lbl {

    vertical-align: middle

}



td > label, th > label, label.inline {

    margin-bottom: 0;

    line-height: inherit

}



textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {

    border-radius: 0 !important;

    border-width: 1px; /*color:#AAA;background-color:#FFF;border-color:#d5d5d5;*/

    box-shadow: none;

    -moz-transition-duration: .1s;

    -webkit-transition-duration: .1s;

    -o-transition-duration: .1s;

    -ms-transition-duration: .1s;

    transition-duration: .1s

}



input.block {

    display: block;

    margin-bottom: 9px

}



textarea.autosize-transition {

    -webkit-transition: height .2s;

    -moz-transition: height .2s;

    -o-transition: height .2s;

    -ms-transition: height .2s;

    transition: height .2s

}



.limiterBox {

    border: 1px solid #222;

    border-top: 0;

    background-color: #333;

    padding: 3px 6px;

    font-size: 12px;

    color: #FFF;

    margin-top: 6px

}



.limiterBox:after {

    display: none

}



.limiterBox:before {

    display: block;

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    top: -8px;

    left: 50%;

    margin-left: -5px;

    border-color: transparent;

    border-style: solid;

    border-bottom-color: #333;

    border-width: 0 8px 8px

}



select {

    border-radius: 0;

    border-width: 1px

}



select:focus {

    outline: 0;

    box-shadow: 0 0 0 2px rgba(245, 153, 66, 0.3);

    border-color: #f59942

}



option {

    padding: 3px 4px

}



option:hover, option:active, option:focus {

    background-color: #e5e9ee;

    color: #111

}



option[value=""] {

    padding: 0

}



textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {

    box-shadow: 0 0 0 2px rgba(245, 153, 66, 0.3);

    color: #838182;

    border-color: #f59942;

    background-color: #FFF

}



input[disabled] {

    color: #848484;

    background-color: #EEE

}



input[readonly] {

    color: #939192;

    background: #f5f5f5 !important;

    cursor: default

}



input[readonly]:focus {

    box-shadow: 0 0 0 2px rgba(150, 150, 150, 0.3);

    border-color: #AAA;

    background-color: #f9f9f9

}



.width-50 {

    width: 50% !important

}



.width-75 {

    width: 75% !important

}



.width-80 {

    width: 80% !important

}



.width-90 {

    width: 90% !important

}



.width-100 {

    width: 100%

}



.help-inline {

    font-size: 13px !important

}



.input-icon {

    position: relative

}



span.input-icon {

    display: inline-block

}



.input-icon > input, .input-icon > input {

    padding-left: 24px;

    padding-right: 6px

}



.input-icon.input-icon-right > input, .input-icon.input-icon-right > input {

    padding-left: 6px;

    padding-right: 24px

}



.input-icon > [class*="icon-"] {

    padding: 0 3px;

    z-index: 2;

    position: absolute;

    top: 1px;

    bottom: 1px;

    left: 3px;

    line-height: 28px;

    display: inline-block;

    color: #909090;

    font-size: 16px

}



.input-icon.input-icon-right > [class*="icon-"] {

    left: auto;

    right: 3px

}



.input-icon > input:focus + [class*="icon-"] {

    color: #579

}



.input-icon + .help-inline {

    padding-left: 8px

}



.radio [type=checkbox] + label, .checkbox [type=radio] + label {

    float: left;

    margin-left: -20px

}



.form-search .radio [type=radio] + label, .form-search .checkbox [type=checkbox] + label, .form-inline .radio [type=radio] + label, .form-inline .checkbox [type=checkbox] + label {

    margin-left: 0;

    margin-right: 3px

}



.form-search .input-append .search-query:focus, .form-search .input-prepend .search-query:focus {

    box-shadow: none

}



input[type=checkbox], input[type=radio] {

    opacity: 0;

    position: absolute;

    z-index: 12;

    width: 18px;

    height: 18px

}



input[type=checkbox]:focus, input[type=radio]:focus, input[type=checkbox]:checked, input[type=radio]:checked {

    outline: none !important

}



input[type=checkbox] + .lbl, input[type=radio] + .lbl {

    position: relative;

    z-index: 11;

    display: inline-block;

    margin: 0;

    line-height: 20px;

    min-height: 14px;

    min-width: 14px;

    font-weight: normal

}



input[type=checkbox] + .lbl.padding-4::before, input[type=radio] + .lbl.padding-4::before {

    margin-right: 4px

}



input[type=checkbox] + .lbl.padding-6::before, input[type=radio] + .lbl.padding-6::before {

    margin-right: 6px

}



input[type=checkbox] + .lbl.padding-8::before, input[type=radio] + .lbl.padding-8::before {

    margin-right: 8px

}



input[type=checkbox] + .lbl::before, input[type=radio] + .lbl::before {

    font-family: fontAwesome;

    font-weight: normal;

    font-size: 11px;

    color: #32a3ce;

    content: "\a0";

    display: inline-block;

    background-color: #fafafa;

    border: 1px solid #CCC;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

    border-radius: 0;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    height: 13px;

    line-height: 13px;

    min-width: 13px;

    margin-right: 1px

}



input[type=checkbox]:active + .lbl::before, input[type=checkbox]:checked:active + .lbl::before, input[type=radio]:active + .lbl::before, input[type=radio]:checked:active + .lbl::before {

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1)

}



input[type=checkbox]:checked + .lbl::before, input[type=radio]:checked + .lbl::before {

    display: inline-block;

    content: '\f00c';

    background-color: #f5f8fc;

    border-color: #adb8c0;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1)

}



input[type=checkbox]:hover + .lbl::before, input[type=radio]:hover + .lbl::before, input[type=checkbox] + .lbl:hover::before, input[type=radio] + .lbl:hover::before {

    border-color: #ff893c

}



input[type=checkbox].binyuzdoksan-checkbox-2 + .lbl::before {

    box-shadow: none

}



input[type=checkbox].binyuzdoksan-checkbox-2:checked + .lbl::before {

    background-color: #f9a021;

    border-color: #f9a021;

    color: #FFF

}



input[type=checkbox]:disabled + .lbl::before, input[type=radio]:disabled + .lbl::before {

    background-color: #DDD !important;

    border-color: #CCC !important;

    box-shadow: none !important;

    color: #BBB

}



input[type=radio] + .lbl::before {

    border-radius: 32px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 36px

}



input[type=radio]:checked + .lbl::before {

    content: "\2022"

}



input[type=checkbox].binyuzdoksan-switch :active + .lbl::before, input[type=checkbox].binyuzdoksan-switch :checked:active + .lbl::before {

    box-shadow: none

}



input[type=checkbox].binyuzdoksan-switch {

    width: 55px;

    height: 20px

}



input[type=checkbox].binyuzdoksan-switch + .lbl {

    margin: 0 4px;

    min-height: 24px

}



input[type=checkbox].binyuzdoksan-switch + .lbl::before {

    font-family: Arial, Helvetica, sans-serif;

    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";

    color: #999;

    font-weight: bold;

    font-size: 11px;

    line-height: 18px;

    line-height: 21px \9;

    height: 18px;

    overflow: hidden;

    border-radius: 12px;

    background-color: #f5f5f5;

    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .2);

    border: 1px solid #CCC;

    text-align: left;

    float: left;

    padding: 0;

    width: 50px;

    text-indent: -19px;

    text-indent: -21px \9;

    margin-right: 0;

    -webkit-transition: text-indent .4s ease;

    -moz-transition: text-indent .4s ease;

    -o-transition: text-indent .4s ease;

    -ms-transition: text-indent .4s ease;

    transition: text-indent .4s ease

}



input[type=checkbox].binyuzdoksan-switch:checked + .lbl::before {

    text-indent: 9px;

    color: #FFF;

    background-color: #8ab2c9;

    border-color: #468fcc

}



input[type=checkbox].binyuzdoksan-switch + .lbl::after {

    font-family: Arial, Helvetica, sans-serif;

    content: '|||';

    font-size: 10px;

    font-weight: lighter;

    color: #e5e5e5;

    background-color: #FFF;

    text-shadow: -1px 0 0 rgba(0, 0, 0, 0.15);

    text-align: center;

    border-radius: 12px;

    width: 22px;

    height: 22px;

    line-height: 20px;

    position: absolute;

    top: -2px;

    left: -3px;

    padding: 0;

    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;

    -webkit-transition: left .4s ease;

    -moz-transition: left .4s ease;

    -o-transition: left .4s ease;

    -ms-transition: left .4s ease;

    transition: left .4s ease

}



input[type=checkbox].binyuzdoksan-switch:checked + .lbl::after {

    left: 34px;

    background-color: #FFF;

    color: #8ab2c9

}



input[type=checkbox].binyuzdoksan-switch-2 + .lbl::before {

    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0NO"

}



input[type=checkbox].binyuzdoksan-switch-3 + .lbl::after {

    font-family: FontAwesome;

    font-size: 13px;

    line-height: 23px;

    content: "\f00d";

    top: -1px

}



input[type=checkbox].binyuzdoksan-switch-3:checked + .lbl::after {

    content: "\f00c"

}



input[type=checkbox].binyuzdoksan-switch-4 + .lbl::before, input[type=checkbox].binyuzdoksan-switch-5 + .lbl::before {

    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bolder;

    font-size: 12px;

    line-height: 19px;

    height: 20px;

    overflow: hidden;

    line-height: 21px \9;

    border-radius: 12px;

    display: inline-block;

    background-color: #8b9aa3;

    border: 1px solid #8b9aa3;

    color: #FFF;

    width: 52px;

    text-indent: -25px;

    text-indent: -28px \9;

    display: inline-block;

    position: relative;

    margin-right: 8px;

    box-shadow: none;

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -o-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease

}



input[type=checkbox].binyuzdoksan-switch-4:checked + .lbl::before, input[type=checkbox].binyuzdoksan-switch-5:checked + .lbl::before {

    text-indent: 9px;

    background-color: #468fcc;

    border-color: #468fcc

}



input[type=checkbox].binyuzdoksan-switch-4 + .lbl::after, input[type=checkbox].binyuzdoksan-switch-5 + .lbl::after {

    font-family: Arial, Helvetica, sans-serif;

    content: '|||';

    text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);

    font-size: 7px;

    font-weight: lighter;

    color: #8b9aa3;

    text-align: center;

    position: absolute;

    border-radius: 12px;

    color: #5b6a73;

    top: 2px;

    left: 2px;

    width: 18px;

    height: 18px;

    line-height: 16px;

    background-color: #FFF;

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -o-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease

}



input[type=checkbox].binyuzdoksan-switch-4:checked + .lbl::after, input[type=checkbox].binyuzdoksan-switch-5:checked + .lbl::after {

    left: 34px;

    background-color: #FFF

}



input[type=checkbox].binyuzdoksan-switch-5 + .lbl::before {

    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"

}



input[type=checkbox].binyuzdoksan-switch-5:checked + .lbl::before {

    text-indent: 8px

}



input[type=checkbox].binyuzdoksan-switch-6 + .lbl {

    position: relative

}



input[type=checkbox].binyuzdoksan-switch-6 + .lbl::before {

    font-family: FontAwesome;

    content: "\f00d";

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    box-shadow: none;

    border: 0;

    font-weight: lighter;

    font-size: 16px;

    border-radius: 12px;

    display: inline-block;

    background-color: #888;

    color: #f2f2f2;

    width: 52px;

    height: 22px;

    line-height: 20px;

    text-indent: 32px;

    -webkit-transition: background .1s ease;

    -moz-transition: background .1s ease;

    -o-transition: background .1s ease;

    -ms-transition: background .1s ease;

    transition: background .1s ease

}



input[type=checkbox].binyuzdoksan-switch-6:checked + .lbl::before {

    content: "\f00c";

    text-indent: 6px;

    color: #FFF;

    border-color: #b7d3e5;

    background-color: #ff893c

}



input[type=checkbox].binyuzdoksan-switch-6 + .lbl::after {

    content: '';

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    position: absolute;

    top: 2px;

    left: 3px;

    border-radius: 12px;

    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    width: 10px;

    height: 10px;

    text-align: center;

    background-color: #f2f2f2;

    border: 4px solid #f2f2f2;

    -webkit-transition: left .2s ease;

    -moz-transition: left .2s ease;

    -o-transition: left .2s ease;

    -ms-transition: left .2s ease;

    transition: left .2s ease

}



input[type=checkbox].binyuzdoksan-switch-6:checked + .lbl::after {

    left: 32px;

    background-color: #FFF;

    border: 4px solid #FFF;

    text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25)

}



input[type=checkbox].binyuzdoksan-switch-7 {

    width: 75px

}



input[type=checkbox].binyuzdoksan-switch-7 + .lbl {

    position: relative

}



input[type=checkbox].binyuzdoksan-switch-7 + .lbl::before {

    content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";

    font-weight: bolder;

    font-size: 14px;

    line-height: 20px;

    display: inline-block;

    background-color: #FFF;

    border: 2px solid #AAA;

    border-radius: 0;

    box-shadow: none;

    color: #aaa;

    width: 70px;

    height: 22px;

    line-height: 22px;

    overflow: hidden;

    text-indent: 4px;

    display: inline-block;

    position: relative;

    margin-right: 8px;

    -webkit-transition: all .2s ease;

    -moz-transition: all .2s ease;

    -o-transition: all .2s ease;

    -ms-transition: all .2s ease;

    transition: all .2s ease

}



input[type=checkbox].binyuzdoksan-switch-7:checked + .lbl::before {

    color: #468fcc;

    background-color: #FFF;

    text-indent: -33px;

    border-color: #6fb3e0

}



input[type=checkbox].binyuzdoksan-switch-7 + .lbl::after {

    content: '\f00d';

    font-family: FontAwesome;

    font-size: 16px;

    position: absolute;

    top: 3px;

    left: 39px;

    width: 32px;

    height: 20px;

    line-height: 18px;

    text-align: center;

    background-color: #aaa;

    color: #FFF;

    border-radius: 0;

    box-shadow: none;

    transition: all .2s ease-in-out

}



input[type=checkbox].binyuzdoksan-switch-7:checked + .lbl::after {

    left: 3px;

    content: '\f00c';

    background-color: #468fcc;

    color: #FFF

}



.input-prepend .add-on, .input-append .add-on {

    border-radius: 0 !important

}



.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {

    border-color: #92bf65

}



.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {

    border-color: #f09784

}



.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {

    border-color: #e0c43a

}



.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {

    border-color: #64a6bc

}



.input-append > .btn, .input-prepend > .btn {

    line-height: 20px;

    padding: 0 6px;

    border-radius: 0

}



.input-append > .btn-small, .input-prepend > .btn-small {

    line-height: 22px

}



.input-append > .btn + .btn, .input-prepend > .btn + .btn {

    margin-left: 1px

}



.input-append > .btn-group > .btn, .input-prepend > .btn-group > .btn {

    line-height: 23px

}



.input-append > .btn-group > .btn-small, .input-prepend > .btn-group > .btn-small {

    line-height: 26px

}



.input-append > .btn > .caret, .input-prepend > .btn > .caret, .input-append > .btn-small > .caret, .input-prepend > .btn-small > .caret, .input-append > .btn-group > .btn > .caret, .input-prepend > .btn-group > .btn > .caret, .input-append > .btn-group > .btn-small > .caret, .input-prepend > .btn-group > .btn-small > .caret {

    margin-top: 10px

}



.binyuzdoksan-file-input {

    position: relative;

    height: 38px;

    line-height: 38px;

    margin-bottom: 9px

}



.binyuzdoksan-file-input input {

    position: absolute;

    z-index: -1;

    visibility: hidden

}



.binyuzdoksan-file-input label {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 28px;

    background-color: #FFF;

    border: 1px solid #e3e3e3;

    cursor: pointer;

    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.06);

    -webkit-transition: all .15s;

    -moz-transition: all .15s;

    -o-transition: all .15s;

    transition: all .15s

}



.binyuzdoksan-file-input label:hover {

    box-shadow: 0 0 0 4px rgba(245, 153, 66, 0.3);

    border-color: #f59942

}



.binyuzdoksan-file-input 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;

    -moz-transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    transition: all .3s

}



.binyuzdoksan-file-input label [class*="icon-"], .binyuzdoksan-file-multiple label.selected span [class*="icon-"] {

    display: inline-block;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    text-align: center;

    font-family: FontAwesome;

    font-size: 13px;

    line-height: 22px;

    width: 22px;

    border: 2px solid #FFF;

    background-color: #d1d1d1;

    color: #FFF;

    -webkit-transition: all .1s;

    -moz-transition: all .1s;

    -o-transition: all .1s;

    -ms-transition: all .1s;

    transition: all .1s

}



.binyuzdoksan-file-input label span {

    display: inline-block;

    height: 28px;

    max-width: 80%;

    white-space: nowrap;

    overflow: hidden;

    line-height: 28px;

    color: #888;

    font-size: 13px;

    position: static;

    padding-left: 30px

}



.binyuzdoksan-file-input label span:after {

    display: inline-block;

    content: attr(data-title)

}



.binyuzdoksan-file-input label.selected span {

    color: #666

}



.binyuzdoksan-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: 24px;

    color: #FFF

}



.binyuzdoksan-file-input a:hover {

    text-decoration: none

}



.binyuzdoksan-file-input label.selected {

    right: 16px

}



.binyuzdoksan-file-input label.selected + .remove {

    display: inline-block

}



.binyuzdoksan-file-input label.selected [class*="icon-"] {

    background-color: #efad62

}



.binyuzdoksan-file-input label.selected .icon-picture {

    background-color: #bd7a9d

}



.binyuzdoksan-file-input label.selected .icon-film {

    background-color: #87b87f

}



.binyuzdoksan-file-input label.selected .icon-music {

    background-color: #8b7ac9

}



.binyuzdoksan-file-input label.selected .icon-archive {

    background-color: #efad62

}



.binyuzdoksan-file-input label.hide-placeholder:before {

    display: none

}



.binyuzdoksan-file-multiple {

    height: auto

}



.binyuzdoksan-file-multiple label {

    position: relative;

    height: auto;

    border: 1px dashed #AAA;

    border-radius: 4px

}



.binyuzdoksan-file-multiple label:before {

    display: inline-block;

    content: attr(data-title);

    position: relative;

    right: 0;

    left: 0;

    margin: 12px;

    line-height: 22px;

    background-color: #FFF;

    color: #CCC;

    font-size: 18px;

    font-weight: bold;

    border: 0

}



.binyuzdoksan-file-multiple label span {

    position: relative;

    display: block;

    padding: 0;

    height: auto;

    width: auto;

    max-width: 100%;

    margin: 0 4px;

    border-bottom: 1px solid #DDD

}



.binyuzdoksan-file-multiple label span:last-child {

    border-bottom-width: 0;

    margin-bottom: 1px

}



.binyuzdoksan-file-multiple label span:first-child {

    margin-top: 1px

}



.binyuzdoksan-file-multiple label span:after {

    display: none

}



.binyuzdoksan-file-multiple label.selected span:after {

    display: inline-block;

    white-space: pre

}



.binyuzdoksan-file-multiple label span img {

    padding: 2px;

    margin: 3px;

    border: 1px solid #d7d7d7;

    background-color: #FFF;

    background-repeat: no-repeat;

    background-position: center;

    margin: 4px 8px 4px 1px

}



.binyuzdoksan-file-multiple label span img + [class*="icon-"], .binyuzdoksan-file-multiple label.selected span img + [class*="icon-"] {

    display: none

}



.binyuzdoksan-file-multiple label span:last-child {

    border-bottom-width: 0

}



.binyuzdoksan-file-multiple .remove {

    right: -11px;

    top: -11px;

    border: 3px solid #BBB;

    border-radius: 32px;

    background-color: #FFF;

    color: red

}



.binyuzdoksan-file-multiple label.selected + .remove:hover {

    border-color: #f4c0b1

}



.binyuzdoksan-file-multiple label span [class*="icon-"] {

    position: relative;

    display: block;

    text-align: center;

    height: auto;

    line-height: 64px;

    width: auto;

    font-size: 64px;

    color: #d5d5d5;

    margin: 4px 0 4px;

    background-color: transparent

}



.binyuzdoksan-file-multiple label.selected:after {

    display: none

}



.binyuzdoksan-file-multiple label.selected span [class*="icon-"] {

    position: relative;

    margin-right: 4px;

    margin-left: 2px;

    line-height: 24px;

    background-color: #efad62

}



.binyuzdoksan-file-multiple label span.large {

    text-align: center;

    border-bottom: 2px solid #222;

    margin: 2px;

    margin: 0 1px 3px

}



.binyuzdoksan-file-multiple label span.large:last-child {

    margin: 0 1px 0;

    border-bottom-width: 0

}



.binyuzdoksan-file-multiple label span.large:after {

    position: absolute;

    top: auto;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 0 4px;

    background-color: #555;

    color: #FFF;

    opacity: .8

}



.binyuzdoksan-file-multiple label span.large img {

    border-width: 0;

    margin: 0;

    padding: 0

}



.binyuzdoksan-file-input input[type=file][disabled] + label, .binyuzdoksan-file-input input[type=file][readonly] + label {

    cursor: not-allowed;

    background-color: #EEE

}



.binyuzdoksan-file-input input[type=file][readonly] + label {

    cursor: default

}



.binyuzdoksan-file-input input[type=file][disabled] + label:hover, .binyuzdoksan-file-input input[type=file][readonly] + label:hover {

    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.06);

    border-color: #e3e3e3

}



.binyuzdoksan-file-input input[type=file][disabled] + label:before, .binyuzdoksan-file-input input[type=file][readonly] + label:before {

    border-color: #EEE;

    background-color: #a1aaaf

}



.binyuzdoksan-file-multiple input[type=file][disabled] + label:hover, .binyuzdoksan-file-multiple input[type=file][readonly] + label:hover {

    border-color: #AAA

}



.binyuzdoksan-file-multiple input[type=file][disabled] + label:before, .binyuzdoksan-file-multiple input[type=file][readonly] + label:before {

    background-color: transparent

}



.binyuzdoksan-file-multiple input[type=file][disabled] + label [class*="icon-"], .binyuzdoksan-file-input input[type=file][readonly] + label [class*="icon-"] {

    border-color: #EEE

}



.binyuzdoksan-spinner {

    display: inline-block

}



.binyuzdoksan-spinner .spinner-buttons {

    min-width: 18px

}



.binyuzdoksan-spinner .spinner-buttons > .btn:first-child {

    margin-top: 0

}



.binyuzdoksan-spinner .spinner-buttons > .btn {

    border-radius: 0;

    font-size: 10px;

    padding: 0;

    width: 16px;

    line-height: 12px;

    height: 12px;

    position: relative;

    left: -1px

}



.binyuzdoksan-spinner .spinner-buttons > .btn > [class*="icon-"] {

    font-size: 10px;

    margin: 0;

    padding: 0

}



.binyuzdoksan-spinner .spinner-input {

    text-align: center;

    height: 19px;

    line-height: 19px;

    color: #777

}



.wizard-steps {

    list-style: none;

    display: block;

    width: 100%;

    padding: 0;

    margin: 12px 0 0;

    position: relative

}



.wizard-steps li {

    display: block;

    text-align: center;

    float: left

}



.wizard-steps li .step {

    text-align: center;

    border: 5px solid #ced1d6;

    color: #546474;

    font-size: 15px;

    border-radius: 32px;

    line-height: 12px;

    padding: 5px 10px;

    background-color: #FFF;

    position: relative;

    z-index: 2;

    display: inline

}



.wizard-steps li:before {

    display: block;

    content: "";

    width: 100%;

    height: 1px;

    font-size: 0;

    overflow: hidden;

    border-top: 4px solid #ced1d6;

    position: relative;

    top: 12px;

    z-index: 1

}



.wizard-steps li:last-child:before {

    max-width: 50%;

    width: 50%

}



.wizard-steps li:first-child:before {

    max-width: 50%;

    left: 50%

}



.wizard-steps li.complete .step, .wizard-steps li.complete:before {

    border-color: #5293c4

}



.wizard-steps li.active .step, .wizard-steps li.active:before {

    border-color: #5293c4

}



.wizard-steps li.complete .step:before {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    padding: 8px 0;

    border-radius: 32px;

    content: "\f00c";

    background-color: #FFF;

    z-index: 103;

    font-family: FontAwesome;

    font-size: 17px;

    color: #87ba21

}



.wizard-steps li .title {

    display: block;

    margin-top: 12px;

    max-width: 100%;

    color: #949ea7;

    font-size: 14px;

    z-index: 104;

    text-align: center;

    table-layout: fixed;

    word-wrap: break-word

}



.wizard-steps li.complete .title {

    color: #2b3d53

}



.wizard-steps li.active .title {

    color: #2b3d53

}



.step-content .step-pane {

    display: none;

    min-height: 200px;

    padding: 4px 8px 12px

}



.step-content .active {

    display: block

}



.wizard-actions {

    text-align: right

}



.chzn-container + .help-inline {

    vertical-align: middle

}



.chzn-select {

    display: inline !important;

    visibility: hidden;

    opacity: 0;

    position: absolute;

    z-index: -1

}



.chzn-container, [class*="chzn-container"] {

    vertical-align: middle

}



.chzn-container > .chzn-single {

    line-height: 26px;

    height: 26px;

    box-shadow: none;

    background: #fafafa

}



.chzn-choices {

    box-shadow: none !important

}



.chzn-container-single .chzn-single abbr {

    background: 0

}



.chzn-container-single .chzn-single abbr:after {

    content: "\f00d";

    display: inline-block;

    color: #888;

    font-family: FontAwesome;

    font-size: 13px;

    position: absolute;

    right: 0;

    top: -7px

}



.chzn-container-single .chzn-single abbr:hover:after {

    color: #464646

}



.chzn-container-single.chzn-disabled .chzn-single abbr:hover:after {

    color: #464646

}



.chzn-container-single .chzn-single div b {

    background: 0

}



.chzn-container-single .chzn-single div b:before {

    content: "\f0d7";

    display: inline-block;

    color: #888;

    font-family: FontAwesome;

    font-size: 12px;

    position: relative;

    top: -1px;

    left: 1px

}



.chzn-container-single .chzn-search input {

    background: 0;

    border-radius: 0;

    line-height: 28px;

    height: 28px

}



.chzn-container-single .chzn-search {

    position: relative

}



.chzn-container-single .chzn-search:after {

    content: "\f002";

    display: inline-block;

    color: #888;

    font-family: FontAwesome;

    font-size: 14px;

    position: absolute;

    top: 8px;

    right: 12px

}



.chzn-container-multi .chzn-choices .search-choice .search-choice-close {

    background: 0

}



.chzn-container-multi .chzn-choices .search-choice .search-choice-close:before {

    content: "\f00d";

    display: inline-block;

    color: #888;

    font-family: FontAwesome;

    font-size: 13px;

    position: absolute;

    right: 2px;

    top: -1px

}



.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {

    text-decoration: none

}



.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover:before {

    color: #464646

}



.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close:before {

    color: #464646

}



.chzn-container .chzn-results-scroll-down span {

    background: 0

}



.chzn-container .chzn-results-scroll-up span {

    background: 0

}



.chzn-container .chzn-results-scroll-down span:before, .chzn-container .chzn-results-scroll-up span:before {

    content: "\f0d7";

    display: inline-block;

    color: #888;

    font-family: FontAwesome;

    font-size: 12px;

    position: relative;

    top: -1px;

    left: 1px

}



.chzn-container .chzn-results-scroll-up span:before {

    content: "\f0d8"

}



.chzn-container-active .chzn-single-with-drop div b:before {

    content: "\f0d8"

}



.chzn-rtl .chzn-search input {

    background: 0

}



.chzn-rtl .chzn-search:after {

    content: "";

    display: none

}



.chzn-rtl .chzn-search:before {

    content: "\f002";

    display: inline-block;

    color: #888;

    font-family: FontAwesome;

    font-size: 14px;

    position: absolute;

    top: 9px;

    left: 12px

}



.chzn-container-single .chzn-single {

    border-radius: 0

}



.chzn-container .chzn-results .highlighted {

    background: #86bd6f;

    background: #4492c9;

    background: #316ac5;

    color: #FFF

}



.chzn-container-single .chzn-drop {

    border-radius: 0;

    border-bottom: 3px solid #4492c9;

    border-color: #4492c9

}



.chzn-single.chzn-single-with-drop, .chzn-container-active .chzn-single {

    border-color: #4492c9

}



.control-group.error .chzn-single {

    border-color: #f09784 !important

}



.control-group.info .chzn-single {

    border-color: #64a6bc !important

}



.control-group.warning .chzn-single {

    border-color: #e0c43a !important

}



.control-group.success .chzn-single {

    border-color: #92bf65 !important

}



.ui-slider {

    background-color: #CCC

}



.ui-slider-horizontal {

    height: 9px

}



.ui-slider-vertical {

    width: 9px

}



.ui-slider-range {

    background-color: #4aa4ce

}



.ui-slider-handle {

    border-radius: 0;

    background-color: #f5f5f5;

    border: 1px solid #4aa4ce;

    position: relative;

    color: #4aa4ce

}



.ui-slider-handle:hover {

    background-color: #FFF

}



.ui-slider-handle:focus, .ui-slider-handle:active {

    outline: 0

}



.ui-slider-handle:after {

    display: inline-block;

    content: "|||";

    font-size: 7px;

    font-family: Arial, Helvetica, sans-serif;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    line-height: 14px

}



.ui-slider-handle:hover, .ui-slider-handle:active, .ui-slider-handle:focus {

    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3);

    text-decoration: none

}



.ui-slider-handle:hover:after, .ui-slider-handle:active:after, .ui-slider-handle:focus:after {

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)

}



.ui-slider-green .ui-slider-range {

    background-color: #8bbc67

}



.ui-slider-green .ui-slider-handle {

    border-color: #8bbc67;

    color: #8bbc67

}



.ui-slider-red .ui-slider-range {

    background-color: #d36e6e

}



.ui-slider-red .ui-slider-handle {

    border-color: #d36e6e;

    color: #d36e6e

}



.ui-slider-purple .ui-slider-range {

    background-color: #ac68ba

}



.ui-slider-purple .ui-slider-handle {

    border-color: #ac68ba;

    color: #ac68ba

}



.ui-slider-orange .ui-slider-range {

    background-color: #efad62

}



.ui-slider-orange .ui-slider-handle {

    border-color: #efad62;

    color: #efad62

}



.ui-slider-dark .ui-slider-range {

    background-color: #666

}



.ui-slider-dark .ui-slider-handle {

    border-color: #606060;

    color: #606060

}



.ui-slider-small.ui-slider-horizontal {

    height: 5px

}



.ui-slider-small.ui-slider-vertical {

    width: 5px

}



.ui-slider-small .ui-slider-handle {

    border-radius: 12px

}



.ui-slider-small .ui-slider-handle {

    width: 14px;

    height: 14px;

    top: -5px

}



.ui-slider-small .ui-slider-handle:after {

    font-size: 6px;

    line-height: 13px

}



.control-group select, .control-group textarea, .control-group input[type="text"], .control-group input[type="password"], .control-group input[type="datetime"], .control-group input[type="datetime-local"], .control-group input[type="date"], .control-group input[type="month"], .control-group input[type="time"], .control-group input[type="week"], .control-group input[type="number"], .control-group input[type="email"], .control-group input[type="url"], .control-group input[type="search"], .control-group input[type="tel"], .control-group input[type="color"] {

    background: #FFF

}



.control-group.success input, .control-group.success select, .control-group.success textarea {

    border-color: #92bf65;

    color: #8bad4c;

    box-shadow: none

}



.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {

    box-shadow: 0 0 0 2px rgba(130, 188, 58, 0.3);

    color: #786;

    border-color: #81a85a

}



.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {

    color: #7ba065

}



.control-group.info input, .control-group.info select, .control-group.info textarea {

    border-color: #64a6bc;

    color: #4b89aa;

    box-shadow: none

}



.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {

    box-shadow: 0 0 0 2px rgba(58, 120, 188, 0.3);

    color: #678;

    border-color: #5a81a8

}



.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {

    color: #657ba0

}



.control-group.error input, .control-group.error select, .control-group.error textarea {

    border-color: #f09784;

    color: #d68273;

    box-shadow: none

}



.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {

    box-shadow: 0 0 0 2px rgba(219, 137, 120, 0.3);

    color: #866;

    border-color: #db8978

}



.control-group input:disabled, .control-group input:disabled {

    color: #848484 !important;

    background-color: #EEE !important

}



.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {

    color: #d16e6c

}



.control-group.warning input, .control-group.warning select, .control-group.warning textarea {

    border-color: #e0c43a;

    color: #d3bd50;

    box-shadow: none

}



.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {

    box-shadow: 0 0 0 2px rgba(216, 188, 65, 0.3);

    color: #875;

    border-color: #d8bc41

}



.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline {

    color: #d19d59

}



.control-group.warning .input-icon > [class*="icon-"] {

    color: #d3bd50

}



.control-group.success .input-icon > [class*="icon-"] {

    color: #8bad4c

}



.control-group.error .input-icon > [class*="icon-"] {

    color: #d68273

}



.control-group.info .input-icon > [class*="icon-"] {

    color: #4b89aa

}



.infobox-container {

    text-align: center;

    font-size: 0

}



.infobox {

    display: inline-block;

    width: 200px;

    height: 52px;

    color: #555;

    background-color: #FFF;

    box-shadow: none;

    border-radius: 0;

    margin: -1px 0 0 -1px;

    padding: 8px 3px 6px 9px;

    border: 1px dotted;

    border-color: #d8d8d8 !important;

    vertical-align: middle;

    text-align: left;

    position: relative

}



.infobox > .infobox-icon {

    display: inline-block;

    vertical-align: top;

    width: 44px

}



.infobox > .infobox-icon > [class*="icon-"] {

    display: inline-block;

    height: 42px;

    margin: 0;

    padding: 1px 1px 0 2px;

    background-color: transparent;

    border: 0;

    text-align: center;

    position: relative;

    border-radius: 128px;

    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2)

}



.infobox > .infobox-icon > [class*="icon-"]:before {

    opacity: .88;

    filter: alpha(opacity=88);

    font-size: 24px;

    display: block;

    padding: 6px 0 7px;

    width: 40px;

    text-align: center;

    background-color: rgba(255, 255, 255, 0.22);

    color: #FFF;

    border-radius: 128px;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15)

}



.infobox .infobox-content {

    color: #555

}



.infobox > .infobox-data {

    display: inline-block;

    border: 0;

    border-top-width: 0;

    font-size: 13px;

    text-align: left;

    line-height: 21px;

    min-width: 130px;

    padding-left: 8px;

    position: relative;

    top: 0

}



.infobox > .infobox-data > .infobox-data-number {

    display: block;

    font-size: 22px;

    margin: 2px 0 4px;

    position: relative;

    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15)

}



.infobox > .infobox-data > .infobox-text {

    display: block;

    font-size: 16px;

    margin: 2px 0 4px;

    position: relative;

    text-shadow: none

}



.infobox-purple {

    color: #6f3cc4;

    border-color: #6f3cc4

}



.infobox-purple > .infobox-icon > [class*="icon-"] {

    background-color: #6f3cc4

}



.infobox-purple2 {

    color: #5f47b0;

    border-color: #5f47b0

}



.infobox-purple > .infobox-icon > [class*="icon-"] {

    background-color: #5f47b0

}



.infobox-pink {

    color: #cb6fd7;

    border-color: #cb6fd7

}



.infobox-pink > .infobox-icon > [class*="icon-"] {

    background-color: #cb6fd7

}



.infobox-blue {

    color: #6fb3e0;

    border-color: #6fb3e0

}



.infobox-blue > .infobox-icon > [class*="icon-"] {

    background-color: #6fb3e0

}



.infobox-blue2 {

    color: #3983c2;

    border-color: #3983c2

}



.infobox-blue2 > .infobox-icon > [class*="icon-"] {

    background-color: #3983c2

}



.infobox-blue3 {

    color: #1144eb;

    border-color: #1144eb

}



.infobox-blue3 > .infobox-icon > [class*="icon-"] {

    background-color: #1144eb

}



.infobox-red {

    color: #d53f40;

    border-color: #d53f40

}



.infobox-red > .infobox-icon > [class*="icon-"] {

    background-color: #d53f40

}



.infobox-brown {

    color: #c67a3e;

    border-color: #c67a3e

}



.infobox-brown > .infobox-icon > [class*="icon-"] {

    background-color: #c67a3e

}



.infobox-wood {

    color: #7b3f25;

    border-color: #7b3f25

}



.infobox-wood > .infobox-icon > [class*="icon-"] {

    background-color: #7b3f25

}



.infobox-lightbrown {

    color: #cebea5;

    border-color: #cebea5

}



.infobox-lightbrown > .infobox-icon > [class*="icon-"] {

    background-color: #cebea5

}



.infobox-orange {

    color: #e8b110;

    border-color: #e8b110

}



.infobox-orange > .infobox-icon > [class*="icon-"] {

    background-color: #e8b110

}



.infobox-orange2 {

    color: #f79263;

    border-color: #f79263

}



.infobox-orange2 > .infobox-icon > [class*="icon-"] {

    background-color: #f79263

}



.infobox-green {

    color: #9abc32;

    border-color: #9abc32

}



.infobox-green > .infobox-icon > [class*="icon-"] {

    background-color: #9abc32

}



.infobox-green2 {

    color: #0490a6;

    border-top-color: #EEE

}



.infobox-green2 > .infobox-icon > [class*="icon-"] {

    background-color: #0490a6

}



.infobox-grey {

    color: #999;

    border-top-color: #EEE

}



.infobox-grey > .infobox-icon > [class*="icon-"] {

    background-color: #999

}



.infobox-black {

    color: #393939;

    border-top-color: #EEE

}



.infobox-black > .infobox-icon > [class*="icon-"] {

    background-color: #393939

}



.infobox-dark {

    margin: 1px 1px 0 0;

    border-color: transparent !important;

    border: 0;

    color: #FFF;

    padding: 4px

}



.infobox-dark > .infobox-icon > [class*="icon-"], .infobox-dark > .infobox-icon > [class*="icon-"]:before {

    background-color: transparent;

    box-shadow: none;

    text-shadow: none;

    border-radius: 0;

    font-size: 30px

}



.infobox-dark > .infobox-icon > [class*="icon-"]:before {

    opacity: 1;

    filter: alpha(opacity=100)

}



.infobox-dark .infobox-content {

    color: #FFF

}



.infobox-purple.infobox-dark {

    background-color: #6f3cc4;

    border-color: #6f3cc4

}



.infobox-purple2.infobox-dark {

    background-color: #5f47b0;

    border-color: #5f47b0

}



.infobox-pink.infobox-dark {

    background-color: #cb6fd7;

    border-color: #cb6fd7

}



.infobox-blue.infobox-dark {

    background-color: #6fb3e0;

    border-color: #6fb3e0

}



.infobox-blue2.infobox-dark {

    background-color: #3983c2;

    border-color: #3983c2

}



.infobox-blue3.infobox-dark {

    background-color: #1144eb;

    border-color: #1144eb

}



.infobox-red.infobox-dark {

    background-color: #d53f40;

    border-color: #d53f40

}



.infobox-brown.infobox-dark {

    background-color: #c67a3e;

    border-color: #c67a3e

}



.infobox-wood.infobox-dark {

    background-color: #7b3f25;

    border-color: #7b3f25

}



.infobox-lightbrown.infobox-dark {

    background-color: #cebea5;

    border-color: #cebea5

}



.infobox-orange.infobox-dark {

    background-color: #e8b110;

    border-color: #e8b110

}



.infobox-orange2.infobox-dark {

    background-color: #f79263;

    border-color: #f79263

}



.infobox-green.infobox-dark {

    background-color: #9abc32;

    border-color: #9abc32

}



.infobox-green2.infobox-dark {

    background-color: #0490a6;

    border-color: #0490a6

}



.infobox-grey.infobox-dark {

    background-color: #999;

    border-color: #999

}



.infobox-black.infobox-dark {

    background-color: #393939;

    border-color: #393939

}



.infobox > .infobox-progress {

    padding-top: 0;

    display: inline-block;

    vertical-align: top;

    width: 44px

}



.percentage {

    font-size: 14px;

    font-weight: bold;

    display: inline-block;

    vertical-align: top

}



.infobox > .infobox-chart {

    padding-top: 0;

    display: inline-block;

    vertical-align: text-bottom;

    width: 44px;

    text-align: center

}



.infobox > .infobox-chart > .sparkline {

    font-size: 24px

}



.infobox > .infobox-chart canvas {

    vertical-align: middle !important

}



.infobox > .stat, .infobox > .badge {

    display: inline-block;

    position: absolute;

    right: 20px;

    top: 11px;

    text-shadow: none;

    font-size: 13px;

    font-weight: bold;

    color: #abbac3;

    padding-right: 18px;

    padding-top: 3px

}



.infobox > .badge {

    border-radius: 0;

    font-size: 11px;

    font-weight: bold;

    line-height: 15px;

    height: 16px;

    padding: 0 1px;

    color: #FFF

}



.infobox > .stat:before {

    display: inline-block;

    content: "";

    width: 8px;

    height: 11px;

    background-color: #abbac3;

    position: absolute;

    right: 4px;

    top: 7px

}



.infobox > .stat:after {

    display: inline-block;

    content: "";

    position: absolute;

    right: 1px;

    top: -8px;

    border: 12px solid transparent;

    border-width: 8px 7px;

    border-bottom-color: #abbac3

}



.infobox > .stat-success {

    color: #77c646

}



.infobox > .stat-success:before {

    background-color: #77c646

}



.infobox > .stat-success:after {

    border-bottom-color: #77c646

}



.infobox > .stat-important {

    color: #e4564f

}



.infobox > .stat-important:before {

    background-color: #e4564f;

    top: 3px

}



.infobox > .stat-important:after {

    border-top-color: #e4564f;

    border-bottom-color: transparent;

    bottom: -6px;

    top: auto

}



.infobox-dark > .stat-success {

    color: #FFF

}



.infobox-dark > .stat-success:before {

    background-color: #d0e29e

}



.infobox-dark > .stat-success:after {

    border-bottom-color: #d0e29e

}



.infobox-dark > .stat-important {

    color: #FFF

}



.infobox-dark > .stat-important:before {

    background-color: #ff9896;

    top: 3px

}



.infobox-dark > .stat-important:after {

    border-top-color: #ff9896;

    border-bottom-color: transparent;

    bottom: -6px;

    top: auto

}



.infobox-dark > .badge {

    color: #FFF;

    background-color: rgba(255, 255, 255, 0.2) !important;

    top: 2px;

    right: 2px;

    border: 1px solid #f1f1f1

}



.infobox-dark > .badge-success > [class*="icon-"] {

    color: #c6e9a1

}



.infobox-dark > .badge-important > [class*="icon-"] {

    color: #ecb792

}



.infobox-dark > .badge-warning > [class*="icon-"] {

    color: #ecb792

}



.infobox.no-border {

    border: none !important

}



.infobox-small {

    width: 125px;

    height: 45px;

    text-align: left;

    padding-bottom: 5px

}



.infobox-small > .infobox-icon, .infobox-small > .infobox-chart, .infobox-small > .infobox-progress {

    display: inline-block;

    width: 40px;

    max-width: 40px;

    height: 42px;

    line-height: 38px;

    vertical-align: middle

}



.infobox-small > .infobox-data {

    display: inline-block;

    text-align: left;

    vertical-align: middle;

    max-width: 72px;

    min-width: 0

}



.infobox-small > .infobox-chart > .sparkline {

    font-size: 14px;

    margin-left: 2px

}



.infobox-small .percentage {

    font-size: 13px;

    font-weight: normal;

    margin-top: 2px;

    margin-left: 2px

}



.infobox-content > .approx {

    font-size: 16px

}



.widget-box {

    padding: 0;

    box-shadow: none;

    margin: 3px 0;

    border-bottom: 1px solid #CCC

}



.widget-header {

    position: relative;

    min-height: 38px;

    background: #f2f2f2;

    background: -moz-linear-gradient(top, #fff 0, #eee 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));

    background: -webkit-linear-gradient(top, #fff 0, #eee 100%);

    background: -o-linear-gradient(top, #fff 0, #eee 100%);

    background: -ms-linear-gradient(top, #fff 0, #eee 100%);

    background: linear-gradient(to bottom, #fff 0, #eee 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);

    color: #669fc7;

    border: 1px solid #CCC;

    border-bottom: 1px solid #DDD;

    padding-left: 12px;

    text-align: right

}



.collapsed > .widget-header {

    border-bottom-width: 0

}



.widget-header-flat {

    background: #f7f7f7;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)

}



.widget-header-large {

    min-height: 49px;

    padding-left: 18px

}



.widget-header-small {

    min-height: 31px;

    padding-left: 10px

}



.widget-header > h1, .widget-header > h2, .widget-header > h3, .widget-header > h4, .widget-header > h5, .widget-header > h6 {

    line-height: 36px;

    padding: 0;

    margin: 0;

    float: left;

    text-align: left

}



.widget-header-large > h1, .widget-header-large > h2, .widget-header-large > h3, .widget-header-large > h4, .widget-header-large > h5, .widget-header-large > h6 {

    line-height: 48px

}



.widget-header-small > h1, .widget-header-small > h2, .widget-header-small > h3, .widget-header-small > h4, .widget-header-small > h5, .widget-header-small > h6 {

    line-height: 30px

}



.widget-header > h1 > [class*="icon-"], .widget-header > h2 > [class*="icon-"], .widget-header > h3 > [class*="icon-"], .widget-header > h4 > [class*="icon-"], .widget-header > h5 > [class*="icon-"], .widget-header > h6 > [class*="icon-"] {

    margin-right: 6px;

    font-weight: normal;

    font-size: 110%;

    display: inline-block

}



.widget-toolbar {

    display: inline-block;

    padding: 0 10px;

    line-height: 37px;

    position: relative;

    text-align: left

}



.widget-toolbar.no-padding {

    padding: 0

}



.widget-toolbar.padding-5 {

    padding: 0 5px

}



.widget-toolbar:before {

    display: inline-block;

    content: "";

    position: absolute;

    top: 3px;

    bottom: 3px;

    left: -1px;

    border-right: 1px solid #d9d9d9

}



.widget-header-large > .widget-toolbar:before {

    top: 6px;

    bottom: 6px

}



.widget-toolbar.no-border:before {

    display: none

}



[class*="header-color-"] > .widget-toolbar:before {

    border-right-color: #EEE

}



.header-color-orange > .widget-toolbar:before {

    border-right-color: #FEA

}



.header-color-dark > .widget-toolbar:before {

    border-right-color: #222;

    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.1)

}



.widget-toolbar-dark {

    background: #444

}



.widget-toolbar-light {

    background: #f0f0f0

}



.widget-header > .widget-toolbar > [data-action] > [class*="icon-"] {

    margin-right: 0

}



.widget-toolbar label {

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 0

}



.widget-header-large > .widget-toolbar {

    line-height: 48px

}



.widget-header-small > .widget-toolbar {

    line-height: 29px

}



.widget-toolbar > a {

    font-size: 14px;

    margin: 0 1px;

    display: inline-block;

    padding: 0;

    line-height: 24px

}



.widget-toolbar > a:hover {

    text-decoration: none

}



.widget-header-large > .widget-toolbar > a {

    font-size: 15px;

    margin: 0 1px

}



.widget-toolbar > .btn {

    line-height: 27px;

    margin-top: -2px

}



.widget-toolbar > .btn-small {

    line-height: 24px

}



.widget-toolbar > .btn-mini {

    line-height: 22px

}



.widget-toolbar > .btn-large {

    line-height: 36px

}



.widget-toolbar > .btn-minier {

    line-height: 18px

}



.widget-toolbar > .btn.smaller {

    line-height: 26px;

    margin-top: -2px

}



.widget-toolbar > .btn-small.smaller {

    line-height: 23px

}



.widget-toolbar > .btn-mini.smaller {

    line-height: 21px

}



.widget-toolbar > .btn-large.smaller {

    line-height: 34px

}



.widget-toolbar > .btn.bigger {

    line-height: 28px;

    margin-top: -2px

}



.widget-toolbar > .btn-small.bigger {

    line-height: 25px

}



.widget-toolbar > .btn-mini.bigger {

    line-height: 23px

}



.widget-toolbar > .btn-large.bigger {

    line-height: 38px

}



[class*="header-color-"] > .widget-toolbar > [data-action="settings"] {

    color: #d3e4ed;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)

}



[class*="header-color-"] > .widget-toolbar > [data-action="reload"] {

    color: #deead3;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)

}



[class*="header-color-"] > .widget-toolbar > [data-action="collapse"] {

    color: #e2e2e2;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)

}



[class*="header-color-"] > .widget-toolbar > [data-action="close"] {

    color: #ffd9d5;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)

}



.header-color-orange > .widget-toolbar > [data-action="settings"] {

    color: #559aab;

    text-shadow: none

}



.header-color-orange > .widget-toolbar > [data-action="reload"] {

    color: #7ca362;

    text-shadow: none

}



.header-color-orange > .widget-toolbar > [data-action="collapse"] {

    color: #777;

    text-shadow: none

}



.header-color-orange > .widget-toolbar > [data-action="close"] {

    color: #a05656;

    text-shadow: none

}



.widget-toolbar > [data-action]:focus {

    text-decoration: none

}



.widget-toolbar > [data-action="settings"], .header-color-dark > .widget-toolbar > [data-action="settings"] {

    color: #99cadb

}



.widget-toolbar > [data-action="reload"], .header-color-dark > .widget-toolbar > [data-action="reload"] {

    color: #acd392

}



.widget-toolbar > [data-action="collapse"], .header-color-dark > .widget-toolbar > [data-action="collapse"] {

    color: #AAA

}



.widget-toolbar > [data-action="close"], .header-color-dark > .widget-toolbar > [data-action="close"] {

    color: #e09e96

}



.widget-body {

    border: 1px solid #CCC;

    border-top: 0;

    background-color: #FFF

}



.widget-main {

    padding: 12px

}



.collapsed .widget-main {

    display: none

}



.widget-main.no-padding {

    padding: 0

}



.widget-main.padding-5 {

    padding: 5px

}



.widget-main.padding-3 {

    padding: 3px

}



.widget-main.padding-18 {

    padding: 18px

}



.widget-main.padding-24 {

    padding: 24px

}



.widget-main.padding-36 {

    padding: 36px

}



.widget-toolbar .progress {

    vertical-align: middle;

    display: inline-block;

    margin: 0

}



.widget-toolbar > .dropdown, .widget-toolbar > .dropup {

    display: inline-block

}



.widget-toolbar > .dropdown > .dropdown-menu:before, .dropdown-menu.dropdown-caret:before {

    border-bottom: 7px solid rgba(0, 0, 0, 0.2);

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    content: "";

    display: inline-block;

    left: 9px;

    position: absolute;

    top: -7px

}



.widget-toolbar > .dropdown > .dropdown-menu:after, .dropdown-menu.dropdown-caret:after {

    border-bottom: 6px solid #fff;

    border-left: 6px solid transparent;

    border-right: 6px solid transparent;

    content: "";

    display: inline-block;

    left: 10px;

    position: absolute;

    top: -6px

}



.widget-toolbar > .dropdown > .dropdown-menu.pull-right:before, .dropdown-menu.pull-right.dropdown-caret:before {

    left: auto;

    right: 9px

}



.widget-toolbar > .dropdown > .dropdown-menu.pull-right:after, .dropdown-menu.pull-right.dropdown-caret:after {

    left: auto;

    right: 10px

}



.widget-header[class*="header-color-"] {

    color: #FFF;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)

}



.header-color-blue {

    background: #307ecc;

    border-color: #307ecc

}



.header-color-blue + .widget-body {

    border-color: #307ecc

}



.header-color-blue2 {

    background: #5090c1;

    border-color: #5090c1

}



.header-color-blue2 + .widget-body {

    border-color: #5090c1

}



.header-color-blue3 {

    background: #6379aa;

    border-color: #6379aa

}



.header-color-blue3 + .widget-body {

    border-color: #6379aa

}



.header-color-green {

    background: #82af6f;

    border-color: #82af6f

}



.header-color-green + .widget-body {

    border-color: #82af6f

}



.header-color-green2 {

    background: #2e8965;

    border-color: #2e8965

}



.header-color-green2 + .widget-body {

    border-color: #2e8965

}



.header-color-green3 {

    background: #4ebc30;

    border-color: #4ebc30

}



.header-color-green3 + .widget-body {

    border-color: #4ebc30

}



.header-color-orange {

    background: #ffc657;

    border-color: #e8b10d;

    color: #855d10 !important

}



.header-color-orange + .widget-body {

    border-color: #e8b10d

}



.header-color-red {

    background: #e2755f;

    border-color: #e2755f

}



.header-color-red + .widget-body {

    border-color: #e2755f

}



.header-color-red2 {

    background: #e04141;

    border-color: #e04141

}



.header-color-red2 + .widget-body {

    border-color: #e04141

}



.header-color-red3 {

    background: #d15b47;

    border-color: #d15b47

}



.header-color-red3 + .widget-body {

    border-color: #d15b47

}



.header-color-purple {

    background: #7e6eb0;

    border-color: #7e6eb0

}



.header-color-purple + .widget-body {

    border-color: #7e6eb0

}



.header-color-pink {

    background: #ce6f9e;

    border-color: #ce6f9e

}



.header-color-pink + .widget-body {

    border-color: #ce6f9e

}



.header-color-dark {

    background: #404040;

    border-color: #454545

}



.header-color-dark + .widget-body {

    border-color: #666

}



.header-color-grey {

    background: #848484;

    border-color: #999

}



.header-color-grey + .widget-body {

    border-color: #aaa

}



.widget-box.light-border > [class*="header-color-"] + .widget-body {

    border-color: #d6d6d6 !important

}



.widget-box.no-border > .widget-body {

    border: 0

}



.widget-box.no-border {

    border-bottom: 0

}



.widget-box.transparent {

    border: 0;

    box-shadow: none

}



.transparent > .widget-header {

    background: 0;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    border: 0;

    border-bottom: 1px solid #dce8f1;

    color: #4383b4;

    padding-left: 3px

}



.transparent > .widget-header-large {

    padding-left: 5px

}



.transparent > .widget-header-small {

    padding-left: 1px

}



.transparent .widget-body {

    border: 0;

    background-color: transparent

}



.transparent .widget-main {

    padding-left: 0;

    padding-right: 0

}



.widget-header + .widget-body .table thead:first-child tr {

    background: #FFF

}



.widget-header[class*="header-color-"] + .widget-body .table thead:first-child tr {

    background: #f2f2f2;

    background: -moz-linear-gradient(top, #f8f8f8 0, #ececec 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #ececec));

    background: -webkit-linear-gradient(top, #f8f8f8 0, #ececec 100%);

    background: -o-linear-gradient(top, #f8f8f8 0, #ececec 100%);

    background: -ms-linear-gradient(top, #f8f8f8 0, #ececec 100%);

    background: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#ECECEC', GradientType=0)

}



.widget-body .table {

    border-top: 1px solid #e5e5e5

}



.widget-body .table-bordered thead:first-child > tr {

    border-top: 0

}



.widget-main.no-padding .table {

    margin-bottom: 0;

    border: 0

}



.widget-main.no-padding .table-bordered thead:first-child tr th:first-child, .widget-main.no-padding .table-bordered tbody tr td:first-child {

    border-left-width: 0

}



.widget-main.padding-5 .table {

    margin-bottom: 5px

}



.widget-body .alert:last-child {

    margin-bottom: 0

}



.widget-main .tab-content {

    border: 0

}



.widget-toolbar > .nav-tabs {

    border-bottom: 0;

    margin-bottom: 0;

    position: relative;

    top: 5px

}



.widget-toolbar > .nav-tabs > li > a {

    box-shadow: none

}



.widget-toolbar > .nav-tabs > li:not(.active) > a {

    border-color: transparent;

    background-color: transparent

}



.widget-toolbar > .nav-tabs > li:not(.active) > a:hover {

    background-color: transparent

}



.widget-toolbar > .nav-tabs > li.active > a {

    background-color: #FFF;

    border-bottom-color: transparent;

    box-shadow: none

}



.widget-header-small > .widget-toolbar > .nav-tabs {

    top: 5px

}



.widget-header-small > .widget-toolbar > .nav-tabs > li > a {

    line-height: 16px;

    padding-top: 6px;

    padding-bottom: 6px

}



.widget-header-small > .widget-toolbar > .nav-tabs > li.active > a {

    border-top-width: 2px;

    margin-top: -1px

}



.widget-header-large > .widget-toolbar > .nav-tabs {

    top: 8px

}



.widget-header-large > .widget-toolbar > .nav-tabs > li > a {

    line-height: 22px;

    padding-top: 9px;

    padding-bottom: 9px

}



[class*="header-color-"] > .widget-toolbar > .nav-tabs > li > a {

    border-color: transparent;

    background-color: transparent;

    color: #FFF;

    margin-right: 1px

}



[class*="header-color-"] > .widget-toolbar > .nav-tabs > li.active > a {

    background-color: #FFF;

    color: #555;

    border-top-width: 1px;

    margin-top: 0

}



.header-color-orange > .widget-toolbar > .nav-tabs > li > a {

    color: #855d10

}



[class*="header-color-"] > .widget-toolbar > .nav-tabs > li > a:hover {

    background-color: #FFF;

    color: #555;

    border-top-color: #FFF

}



.transparent > .widget-header > .widget-toolbar > .nav-tabs > li > a {

    color: #555;

    background-color: transparent;

    border-right: 1px solid transparent;

    border-left: 1px solid transparent

}



.transparent > .widget-header > .widget-toolbar > .nav-tabs > li.active > a {

    border-top-color: #4c8fbd;

    border-right: 1px solid #c5d0dc;

    border-left: 1px solid #c5d0dc;

    background-color: #FFF;

    box-shadow: none

}



.widget-toolbox:first-child {

    padding: 2px;

    border-bottom: 1px solid #CCC

}



.widget-toolbox:last-child {

    padding: 2px;

    border-top: 1px solid #CCC

}



.transparent .widget-toolbox:last-child {

    border: 0;

    border-top: 1px solid #CCC

}



.widget-toolbox > .btn-toolbar {

    margin: 0;

    padding: 0

}



.widget-toolbox {

    background-color: #EEE

}



.widget-toolbox.padding-4 {

    padding: 4px

}



.widget-toolbox.padding-6 {

    padding: 6px

}



.widget-toolbox.padding-8 {

    padding: 8px

}



.widget-toolbox.padding-12 {

    padding: 12px

}



.widget-toolbox.center {

    text-align: center

}



.widget-box-layer {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.3);

    text-align: center

}



.widget-box-layer > [class*="icon-"] {

    position: relative;

    top: 35%

}



.widget-box-layer > .icon-spin {

    -moz-animation-duration: 1.2s;

    -webkit-animation-duration: 1.2s;

    -o-animation-duration: 1.2s;

    -ms-animation-duration: 1.2s;

    animation-duration: 1.2s

}



.widget-main > form {

    margin-bottom: 0

}



.widget-main > form .input-append, .widget-main > form .input-prepend {

    margin-bottom: 0

}



.widget-main.no-padding > form > fieldset {

    padding: 16px

}



.widget-main.no-padding > form > .form-actions {

    margin: 0;

    padding: 10px 12px 12px

}



.widget-main.no-padding > form > fieldset + .form-actions {

    padding: 10px 0 12px

}



body.login-layout {

    background: #1d2024

}



body.login-layout:before {

    display: none

}



.login-container {

    width: 375px;

    margin: 0 auto

}



.login-layout #main-content {

    margin-left: 0;

    min-height: 100%

}



.login-layout input[type="text"], .login-layout input[type="password"], .login-layout input[type="datetime"], .login-layout input[type="datetime-local"], .login-layout input[type="date"], .login-layout input[type="month"], .login-layout input[type="time"], .login-layout input[type="week"], .login-layout input[type="number"], .login-layout input[type="email"], .login-layout input[type="url"], .login-layout input[type="search"], .login-layout input[type="tel"], .login-layout input[type="color"] {

    line-height: 32px;

    height: 32px;

    max-height: 32px;

    margin-bottom: 4px

}



.login-layout label {

    margin-bottom: 11px

}



.login-layout .widget-box {

    visibility: hidden;

    position: absolute;

    overflow: hidden;

    width: 100%;

    -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 {

    -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);

    visibility: visible;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    transition: all .3s ease;

    -o-transition: none;

    -webkit-transition: none

}



.login-layout .widget-box {

    border-bottom: 0;

    box-shadow: none;

    padding: 6px;

    background-color: #394557

}



.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)

}



.pricing-box .price {

    font-size: 22px;

    line-height: 20px;

    height: 28px;

    text-align: center;

    color: #555

}



.pricing-box .price small {

    font-size: 14px

}



.pricing-box-small .price {

    line-height: 20px;

    height: 28px;

    text-align: center

}



.pricing-table-header {

    padding-top: 0;

    margin-top: 0;

    text-align: left

}



.pricing-table-header > li {

    padding: 7px 0 7px 11px;

    font-size: 13px

}



.pricing-table {

    margin-top: 0

}



.pricing-table > li {

    text-align: center;

    padding: 7px 0;

    font-size: 13px

}



.list-striped > li:nth-child(odd) {

    background-color: #FFF

}



.list-striped > li:nth-child(even) {

    background-color: #f2f3eb

}



.pricing-table-header.list-striped > li:nth-child(even) {

    background-color: #EEE

}



.pricing-box-small {

    box-shadow: none;

    margin-left: -2px;

    background-color: #FFF;

    position: relative;

    z-index: 100

}



.pricing-span[class*="span"] {

    margin: 0;

    max-width: 150px !important;

    float: left !important

}



.pricing-box-small:hover {

    z-index: 101;

    transform: scale(1.04);

    -o-transform: scale(1.04);

    -ms-transform: scale(1.04);

    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15)

}



.pricing-box-small:hover .price > .label {

    transform: scale(0.96);

    -webkit-transform: none

}



@media screen and (-webkit-min-device-pixel-ratio: 0) {

    .pricing-box-small:hover {

        -webkit-transform: none;

        zoom: 1.04;

        left: -1px;

        top: -3px

    }

}



.pricing-box-small .price > .label:before, .pricing-box-small .price > .label:after {

    margin-top: -2px;

    opacity: .9;

    filter: alpha(opacity=90)

}



.pricing-box > .widget-header > h1, .pricing-box > .widget-header > h2, .pricing-box > .widget-header > h3, .pricing-box > .widget-header > h4, .pricing-box > .widget-header > h5, .pricing-box > .widget-header > h6 {

    float: none;

    margin-left: -9px;

    text-align: center

}



.pricing-box .btn {

    font-size: 16px

}



.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%

}



.error-container {

    margin: 20px;

    padding: 0;

    background: #FFF

}



.binyuzdoksan-thumbnails {

    list-style: none;

    margin: 0;

    padding: 0

}



.binyuzdoksan-thumbnails > li {

    float: left;

    display: block;

    position: relative;

    overflow: hidden;

    margin: 2px;

    border: 2px solid #333

}



.binyuzdoksan-thumbnails > li > :first-child {

    display: block;

    position: relative

}



.binyuzdoksan-thumbnails > li .tags {

    display: inline-block;

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    overflow: visible;

    opacity: .9;

    filter: alpha(opacity=90);

    direction: rtl

}



.binyuzdoksan-thumbnails > li .tags > .label {

    display: table;

    margin: 1px 1px 0 0;

    direction: ltr;

    text-align: left

}



.binyuzdoksan-thumbnails > li > .tools {

    position: absolute;

    top: 0;

    bottom: 0;

    left: -30px;

    width: 24px;

    background-color: rgba(0, 0, 0, 0.55);

    text-align: center;

    vertical-align: middle;

    -webkit-transition: all .2s ease;

    -moz-transition: all .2s ease;

    -o-transition: all .2s ease;

    transition: all .2s ease

}



.binyuzdoksan-thumbnails > li:hover > .tools {

    left: 0

}



.binyuzdoksan-thumbnails > li > .tools.tools-bottom {

    width: auto;

    height: 28px;

    left: 0;

    right: 0;

    top: auto;

    bottom: -30px

}



.binyuzdoksan-thumbnails > li:hover > .tools.tools-bottom {

    bottom: 0

}



.binyuzdoksan-thumbnails > li > .tools.tools-top {

    width: auto;

    height: 28px;

    left: 0;

    right: 0;

    top: -30px;

    bottom: auto

}



.binyuzdoksan-thumbnails > li:hover > .tools.tools-top {

    top: 0

}



.binyuzdoksan-thumbnails > li > .tools.tools-right {

    left: auto;

    right: -30px

}



.binyuzdoksan-thumbnails > li:hover > .tools.tools-right {

    right: 0

}



.binyuzdoksan-thumbnails > li > .tools > a, .binyuzdoksan-thumbnails > li > :first-child .inner a {

    display: block;

    color: #FFF;

    font-size: 18px;

    font-weight: normal;

    padding: 4px

}



.binyuzdoksan-thumbnails > li > .tools > a:hover, .binyuzdoksan-thumbnails > li > :first-child .inner a:hover {

    text-decoration: none;

    color: #c9e2ea

}



.binyuzdoksan-thumbnails > li > .tools.tools-bottom > a, .binyuzdoksan-thumbnails > li > .tools.tools-top > a, .binyuzdoksan-thumbnails > li > :first-child .inner a {

    display: inline-block

}



.binyuzdoksan-thumbnails > li > :first-child > .text {

    position: absolute;

    right: 0;

    left: 0;

    bottom: 0;

    top: 0;

    text-align: center;

    color: #FFF;

    background-color: rgba(0, 0, 0, 0.55);

    opacity: 0;

    -moz-transition: all .2s ease;

    -webkit-transition: all .2s ease;

    -o-transition: all .2s ease;

    -ms-transition: all .2s ease;

    transition: all .2s ease

}



.binyuzdoksan-thumbnails > li:hover > :first-child > .text {

    opacity: 1

}



.binyuzdoksan-thumbnails > li > :first-child > .text:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: 0

}



.binyuzdoksan-thumbnails > li > :first-child > .text > .inner {

    padding: 4px 0;

    margin: 0;

    display: inline-block;

    vertical-align: middle;

    max-width: 90%

}



.grid3 {

    display: block;

    width: 29%;

    float: left;

    margin: 0 .5%;

    padding: 0 1.5%;

    border-right: 1px solid #e3e3e3

}



.grid3:last-child {

    border-right: 0

}



.grid4 {

    display: block;

    width: 21.5%;

    float: left;

    margin: 0 .8%;

    padding: 0 .8%;

    border-right: 1px solid #e3e3e3

}



.grid4:last-child {

    border-right: 0

}



.dialogs {

    padding: 9px 9px 0;

    position: relative

}



.itemdiv {

    padding-right: 3px;

    min-height: 64px;

    position: relative

}



.itemdiv.dialogdiv {

    padding-bottom: 14px

}



.itemdiv.dialogdiv:before {

    position: absolute;

    display: block;

    content: "";

    top: 0;

    bottom: 0;

    left: 19px;

    width: 1px;

    max-width: 1px;

    background-color: #e1e6ed;

    border: 1px solid #d7dbdd;

    border-width: 0 1px

}



.itemdiv.dialogdiv:last-child:before {

    display: none

}



.itemdiv.dialogdiv > .user > img {

    border-color: #c9d6e5

}



.itemdiv.dialogdiv > .body {

    border: 1px solid #dde4ed;

    padding: 3px 7px 7px;

    border-left-width: 2px;

    margin-right: 1px

}



.itemdiv.dialogdiv > .body:before {

    content: "";

    display: block;

    position: absolute;

    left: -7px;

    top: 11px;

    width: 8px;

    height: 8px;

    border: 2px solid #dde4ed;

    border-width: 2px 0 0 2px;

    background-color: #FFF;

    -moz-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.itemdiv.dialogdiv > .body > .time {

    position: static;

    float: right

}



.itemdiv.dialogdiv > .body > .text {

    padding-left: 0;

    padding-bottom: 0

}



.itemdiv.dialogdiv > .body > .text:after {

    display: none

}



.itemdiv.dialogdiv .tooltip > .tooltip-inner {

    word-break: break-all

}



.itemdiv:last-child > .body > .text {

    border-bottom: 0

}



.itemdiv:last-child > .body > .text:after {

    display: none

}



.itemdiv > .user {

    display: inline-block;

    width: 42px;

    position: absolute;

    left: 0

}



.itemdiv > .user > img {

    border-radius: 120px;

    border: 2px solid #5293c4;

    max-width: 36px;

    position: relative

}



.itemdiv:last-child > .body > .text {

    border-bottom: 0

}



.itemdiv > .body {

    margin-left: 50px;

    padding-left: 0;

    width: auto;

    margin-right: 12px;

    position: relative

}



.itemdiv > .body > .time {

    display: block;

    font-size: 11px;

    font-weight: bold;

    color: #666;

    position: absolute;

    right: 9px;

    top: 0

}



.itemdiv > .body > .time [class*="icon-"] {

    font-size: 14px;

    font-weight: normal

}



.itemdiv > .body > .name {

    display: block;

    color: #999

}



.itemdiv > .body > .name > b {

    color: #777

}



.itemdiv > .body > .text {

    display: block;

    padding-bottom: 19px;

    padding-left: 7px;

    margin-top: 2px;

    font-size: 13px;

    position: relative

}



.itemdiv > .body > .text:after {

    display: block;

    content: "";

    height: 1px;

    font-size: 0;

    overflow: hidden;

    position: absolute;

    left: 16px;

    right: -12px;

    margin-top: 9px;

    border-top: 1px solid #e4ecf3

}



.itemdiv > .body > .text > [class*="icon-quote-"]:first-child {

    color: #dce3ed;

    margin-right: 4px

}



.itemdiv > .tools, .itemdiv > .body > .tools {

    width: 20px;

    position: absolute;

    right: 4px;

    bottom: 16px;

    display: none

}



.itemdiv > .body > .tools {

    bottom: 4px

}



.itemdiv.commentdiv > .tools, .itemdiv.commentdiv > .body > .tools {

    right: 9px

}



.itemdiv:hover > .tools, .itemdiv:hover > .body > .tools {

    display: inline-block

}



.itemdiv > .tools .btn, .itemdiv > .body > .tools .btn {

    border-radius: 36px !important;

    margin: 1px 0

}



.itemdiv-orange > .user > img {

    border-color: #e89537

}



.itemdiv-orange:before {

    border-color: #e89537

}



.itemdiv-orange:last-child:after {

    border-color: #e89537

}



.itemdiv-red > .user > img {

    border-color: #d85b5b

}



.itemdiv-red:before {

    border-color: #d85b5b

}



.itemdiv-red:last-child:after {

    border-color: #d85b5b

}



.itemdiv-green > .user > img {

    border-color: #8dcc6e

}



.itemdiv-green:before {

    border-color: #8dcc6e

}



.itemdiv-green:last-child:after {

    border-color: #8dcc6e

}



.itemdiv-pink > .user > img {

    border-color: #d668c9

}



.itemdiv-pink:before {

    border-color: #d668c9

}



.itemdiv-pink:last-child:after {

    border-color: #d668c9

}



.itemdiv.memberdiv {

    width: 175px;

    padding: 2px;

    margin: 3px 0;

    float: left;

    border-bottom: 1px solid #e8e8e8

}



.itemdiv.memberdiv > .user > img {

    border-color: #dce3ed

}



.itemdiv.memberdiv > .body > .time {

    position: static

}



.itemdiv.memberdiv > .body > .name {

    line-height: 18px;

    height: 18px;

    margin-bottom: 0

}



.itemdiv.memberdiv > .body > .name > a {

    display: inline-block;

    max-width: 100px;

    max-height: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all

}



.item-list {

    margin: 0;

    padding: 0;

    list-style: none

}



.item-list > li {

    border: 1px solid #DDD;

    border-left-width: 3px;

    padding: 9px;

    background-color: #FFF;

    margin-top: -1px;

    position: relative

}



.item-list > li.selected {

    color: #8090a0;

    background-color: #f4f9fc

}



.item-list > li.selected label, .item-list > li.selected .lbl {

    text-decoration: line-through;

    color: #8090a0

}



.item-list > li > .checkbox {

    display: inline-block

}



.item-list > li.ui-sortable-helper {

    cursor: move

}



.item-list.spaced > li, .item-list.spaced2 > li {

    margin: ! inherit

}



.item-list > li.item-orange {

    border-left-color: #eccb71

}



.item-list > li.item-red {

    border-left-color: #e05656

}



.item-list > li.item-green {

    border-left-color: #9ecf6a

}



.item-list > li.item-blue {

    border-left-color: #569add

}



.item-list > li.item-pink {

    border-left-color: #dd56c0

}



.item-list > li.item-black {

    border-left-color: #555

}



.item-list > li.item-grey {

    border-left-color: #999

}



.item-list > li.item-brown {

    border-left-color: brown

}



.item-list > li.item-default {

    border-left-color: #abbac3

}



.item-list > li > label.inline {

    display: inline-block

}



.item-list > li label {

    font-size: 13px

}



.item-list > li .percentage {

    font-size: 11px;

    font-weight: bold;

    color: #777

}



.ui-sortable-placeholder, .ui-sortable-helper, .ui-sortable-placeholder > a, .ui-sortable-helper > a {

    cursor: move !important

}



.dataTables_length {

    margin-left: 8px

}



.dataTables_filter {

    margin-right: 8px;

    text-align: right

}



.dataTables_info {

    margin: 0 0 0 12px;

    font-size: 14px

}



.dataTables_paginate {

    text-align: right

}



.dataTables_paginate.pagination {

    margin: 0 12px 0

}



.dataTables_length select {

    width: 70px;

    height: 25px;

    padding: 2px 3px

}



.dataTables_filter input[type=text] {

    width: 125px;

    height: 18px;

    line-height: 18px

}



.dataTables_wrapper label {

    display: inline-block;

    font-size: 13px

}



.dataTables_wrapper input[type=text], .dataTables_wrapper select {

    margin-bottom: 0 !important;

    margin: 0 4px

}



.dataTables_wrapper .row-fluid:first-child {

    padding: 12px 0 4px;

    background-color: #eff3f8;

    1 border-bottom: 1px solid #e2e2e2

}



.dataTables_wrapper .row-fluid:last-child {

    border-top: 1px solid #DDD;

    padding: 12px 0 6px;

    background-color: #eff3f8;

    border-bottom: 1px solid #DDD

}



.dataTable {

    margin-bottom: 0

}



.dataTables_wrapper .row-fluid:first-child + .dataTable {

    border-top: 1px solid #DDD;

    border-bottom: 1px solid #DDD

}



.dataTable thead th[class*=sort] {

    cursor: pointer

}



.dataTable thead th[class*=sort]:after {

    color: #555;

    content: "\f0dc";

    display: none;

    font-family: FontAwesome;

    font-size: 13px;

    font-weight: normal;

    float: right;

    margin-right: 4px;

    position: relative

}



.dataTable thead th[class*=sorting_] {

    color: #307ecc

}



.dataTable thead th.sorting_desc:after {

    content: "\f0dd";

    top: -6px

}



.dataTable thead th.sorting_asc:after {

    content: "\f0de";

    top: 4px

}



.dataTable thead th.sorting_disabled {

    cursor: inherit

}



.dataTable thead th.sorting_disabled:after {

    display: none

}



.slimScrollBar {

    border-radius: 0 !important

}



.slimScrollRail {

    border-radius: 0 !important

}



.fc-header-title > h2 {

    font-size: 22px;

    color: #65a0ce

}



.fc-widget-header, .fc-widget-content {

    border: 1px solid #bcd4e5

}



.fc-state-highlight {

    background: #FFC

}



.fc-event-skin {

    border-color: #abbac3;

    background: 0

}



.label-yellow .fc-event-skin {

    color: #963

}



.label-light .fc-event-skin {

    color: #888

}



.fc-grid .fc-day-number {

    color: #2e6589

}



.fc-widget-header {

    background: #ecf2f7;

    color: #8090a0

}



.fc-grid th, th.fc-widget-header {

    height: 28px;

    vertical-align: middle !important

}



.fc-event-skin {

    background-color: #abbac3;

    border: none !important;

    padding: 0 0 1px 2px

}



[class*="label-"] > .fc-event-skin, [class*="label-"] > .fc-event-skin > .fc-event-skin.fc-event-head {

    background-color: inherit

}



.fc-event-hori, .fc-event-vert {

    border-radius: 0 !important;

    border-color: transparent

}



.fc-event-skin.ui-draggable-dragging {

    cursor: move

}



.fc-event-skin.fc-event-vert, .fc-event-vert > .fc-event-skin {

    padding: 0 0 1px

}



.fc-event-vert .fc-event-content {

    padding-left: 1px;

    padding-right: 1px

}



.fc-event-vert .fc-event-time {

    padding: 0

}



.fc-state-default, .fc-state-default .fc-button-inner {

    border: 1px solid #8b9aa3;

    background-color: #abbac3;

    color: #FFF;

    background-image: none;

    box-shadow: none;

    text-shadow: none;

    border-radius: 0 !important;

    margin-left: 2px

}



.fc-state-default {

    border: 0

}



.fc-state-default .fc-button-effect span {

    background-color: transparent

}



.fc-state-disabled, .fc-state-disabled .fc-button-inner {

    opacity: .75;

    color: #DDD

}



.fc-state-default .fc-button-effect {

    display: none

}



.fc-state-active, .fc-state-active .fc-button-inner {

    border-color: #4f99c6;

    background-color: #6fb3e0

}



.fc-state-hover, .fc-state-hover .fc-button-inner {

    background-color: #8b9aa3

}



.external-event {

    margin: 6px 0;

    padding: 0;

    cursor: default;

    display: block;

    color: #FFF;

    background-color: #abbac3;

    font-size: 13px;

    line-height: 28px

}



.external-event:hover {

    opacity: 1

}



.external-event.ui-draggable-dragging {

    cursor: move

}



.external-event > [class*="icon-"]:first-child {

    display: inline-block;

    height: 32px;

    width: 32px;

    text-align: center;

    line-height: 30px;

    margin-right: 5px;

    font-size: 15px;

    border-right: 1px solid #FFF

}



.widget-main > .fc {

    position: relative;

    top: -40px

}



.widget-main > .fc > .fc-header {

    position: relative;

    z-index: 10

}



.widget-main .fc-header-title > h2 {

    font-size: 18px;

    line-height: 36px

}



.widget-main .fc-content {

    top: -14px;

    z-index: 11

}



.widget-main .fc-button-content {

    height: 37px;

    line-height: 36px

}



.widget-main .fc .fc-header-space {

    padding-left: 2px

}



#colorbox:focus, #colorbox:active {

    outline: 0

}



#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {

    background: none !important;

    opacity: 0

}



#cboxContent {

    border: 12px solid #000;

    background-color: #FFF;

    padding: 7px

}



#cboxOverlay {

    background: rgba(0, 0, 0, 0.95);

    background: #000

}



#cboxCurrent {

    left: 61px;

    margin-bottom: 5px

}



#cboxTitle {

    margin-bottom: 4px

}



#cboxNext, #cboxPrevious, #cboxClose {

    background: 0;

    text-indent: 0;

    width: 20px;

    height: 20px;

    line-height: 14px;

    padding: 0 4px;

    text-align: center;

    border: 2px solid #999;

    border-radius: 16px;

    color: #666;

    font-size: 12px;

    margin-left: 7px;

    margin-bottom: 7px

}



#cboxNext:hover, #cboxPrevious:hover {

    color: #333;

    border-color: #666

}



#cboxContent {

    overflow: visible

}



#cboxClose {

    background-color: #000;

    color: #fff;

    border: 2px solid #fff;

    border-radius: 32px;

    font-size: 20px;

    height: 24px;

    width: 24px;

    padding-bottom: 2px;

    right: -14px;

    top: -14px;

    margin-left: 0

}



#cboxLoadingOverlay {

    background: none !important

}



#cboxLoadingGraphic {

    background: none !important;

    -moz-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    -webkit-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -moz-animation: spin 1.5s infinite linear;

    -o-animation: spin 1.5s infinite linear;

    -ms-animation: spin 1.5s infinite linear;

    -webkit-animation: spin 1.5s infinite linear;

    animation: spin 1.5s infinite linear;

    text-align: center

}



#cboxLoadingGraphic:before {

    display: inline-block;

    content: "\f110";

    font-family: FontAwesome;

    font-size: 24px;

    color: #fe7e3e;

    width: 32px;

    height: 32px;

    position: relative;

    top: 48%;

    text-align: center;

    vertical-align: middle

}



.datepicker td, .datepicker th, .daterangepicker .calendar th, .daterangepicker .calendar td {

    border-radius: 0

}



.datepicker table tr td.active, .datepicker table tr td.active:hover, .daterangepicker td.active, .daterangepicker td.active:hover {

    background: #2283c5 !important

}



.datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {

    background: #8b9aa3 !important

}



.bootstrap-timepicker-widget table td a:hover {

    border-radius: 0

}



.gritter-item-wrapper {

    background-image: none !important;

    box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);

    background: rgba(50, 50, 50, 0.92)

}



.gritter-item-wrapper.gritter-info {

    background: rgba(49, 81, 133, 0.92)

}



.gritter-item-wrapper.gritter-error {

    background: rgba(153, 40, 18, 0.92)

}



.gritter-item-wrapper.gritter-success {

    background: rgba(89, 131, 75, 0.92)

}



.gritter-item-wrapper.gritter-warning {

    background: rgba(190, 112, 31, 0.92)

}



.gritter-item-wrapper.gritter-light {

    background: rgba(245, 245, 245, 0.95);

    border: 1px solid #BBB

}



.gritter-info.gritter-light {

    background: rgba(232, 242, 255, 0.95)

}



.gritter-error.gritter-light {

    background: rgba(255, 235, 235, 0.95)

}



.gritter-success.gritter-light {

    background: rgba(239, 250, 227, 0.95)

}



.gritter-warning.gritter-light {

    background: rgba(252, 248, 227, 0.95)

}



.gritter-info.gritter-light .gritter-item {

    color: #4a577d

}



.gritter-error.gritter-light .gritter-item {

    color: #894a38

}



.gritter-success.gritter-light .gritter-item {

    color: #416131

}



.gritter-warning.gritter-light .gritter-item {

    color: #946446

}



.gritter-top, .gritter-bottom, .gritter-item {

    background-image: none

}



.gritter-close {

    left: auto;

    right: 3px;

    background-image: none;

    width: 18px;

    height: 18px;

    line-height: 17px;

    text-align: center;

    border: 2px solid transparent;

    border-radius: 16px;

    color: #e17b67

}



.gritter-close:before {

    font-family: FontAwesome;

    font-size: 16px;

    content: "\f00d"

}



.gritter-info .gritter-close {

    color: #ffa500

}



.gritter-error .gritter-close, .gritter-success .gritter-close, .gritter-warning .gritter-close {

    color: #ffea07

}



.gritter-close:hover {

    color: #FFF !important

}



.gritter-title {

    text-shadow: none

}



.gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-light .gritter-close {

    background-image: none;

    color: #444

}



.gritter-light .gritter-title {

    text-shadow: none

}



.gritter-light .gritter-close:hover {

    color: #8a3104 !important

}



.icon-animated-wrench {

    display: inline-block;

    -moz-animation: wrenching 2.5s 4 ease;

    -o-animation: wrenching 2.5s 4 ease;

    -webkit-animation: wrenching 2.5s 4 ease;

    -ms-animation: wrenching 2.5s 4 ease;

    animation: wrenching 2.5s 4 ease;

    -moz-transform-origin: 90% 35%;

    -webkit-transform-origin: 90% 35%;

    -o-transform-origin: 90% 35%;

    -ms-transform-origin: 90% 35%;

    transform-origin: 90% 35%

}



@-moz-keyframes wrenching {

    0% {

        -moz-transform: rotate(-12deg)

    }

    8% {

        -moz-transform: rotate(12deg)

    }

    10% {

        -moz-transform: rotate(24deg)

    }

    18% {

        -moz-transform: rotate(-24deg)

    }

    20% {

        -moz-transform: rotate(-24deg)

    }

    28% {

        -moz-transform: rotate(24deg)

    }

    30% {

        -moz-transform: rotate(24deg)

    }

    38% {

        -moz-transform: rotate(-24deg)

    }

    40% {

        -moz-transform: rotate(-24deg)

    }

    48% {

        -moz-transform: rotate(24deg)

    }

    50% {

        -moz-transform: rotate(24deg)

    }

    58% {

        -moz-transform: rotate(-24deg)

    }

    60% {

        -moz-transform: rotate(-24deg)

    }

    68% {

        -moz-transform: rotate(24deg)

    }

    75% {

        -moz-transform: rotate(0deg)

    }

}



@-webkit-keyframes wrenching {

    0% {

        -webkit-transform: rotate(-12deg)

    }

    8% {

        -webkit-transform: rotate(12deg)

    }

    10% {

        -webkit-transform: rotate(24deg)

    }

    18% {

        -webkit-transform: rotate(-24deg)

    }

    20% {

        -webkit-transform: rotate(-24deg)

    }

    28% {

        -webkit-transform: rotate(24deg)

    }

    30% {

        -webkit-transform: rotate(24deg)

    }

    38% {

        -webkit-transform: rotate(-24deg)

    }

    40% {

        -webkit-transform: rotate(-24deg)

    }

    48% {

        -webkit-transform: rotate(24deg)

    }

    50% {

        -webkit-transform: rotate(24deg)

    }

    58% {

        -webkit-transform: rotate(-24deg)

    }

    60% {

        -webkit-transform: rotate(-24deg)

    }

    68% {

        -webkit-transform: rotate(24deg)

    }

    75% {

        -webkit-transform: rotate(0deg)

    }

}



@-o-keyframes wrenching {

    0% {

        -o-transform: rotate(-12deg)

    }

    8% {

        -o-transform: rotate(12deg)

    }

    10% {

        -o-transform: rotate(24deg)

    }

    18% {

        -o-transform: rotate(-24deg)

    }

    20% {

        -o-transform: rotate(-24deg)

    }

    28% {

        -o-transform: rotate(24deg)

    }

    30% {

        -o-transform: rotate(24deg)

    }

    38% {

        -o-transform: rotate(-24deg)

    }

    40% {

        -o-transform: rotate(-24deg)

    }

    48% {

        -o-transform: rotate(24deg)

    }

    50% {

        -o-transform: rotate(24deg)

    }

    58% {

        -o-transform: rotate(-24deg)

    }

    60% {

        -o-transform: rotate(-24deg)

    }

    68% {

        -o-transform: rotate(24deg)

    }

    75% {

        -o-transform: rotate(0deg)

    }

}



@-ms-keyframes wrenching {

    0% {

        -ms-transform: rotate(-12deg)

    }

    8% {

        -ms-transform: rotate(12deg)

    }

    10% {

        -ms-transform: rotate(24deg)

    }

    18% {

        -ms-transform: rotate(-24deg)

    }

    20% {

        -ms-transform: rotate(-24deg)

    }

    28% {

        -ms-transform: rotate(24deg)

    }

    30% {

        -ms-transform: rotate(24deg)

    }

    38% {

        -ms-transform: rotate(-24deg)

    }

    40% {

        -ms-transform: rotate(-24deg)

    }

    48% {

        -ms-transform: rotate(24deg)

    }

    50% {

        -ms-transform: rotate(24deg)

    }

    58% {

        -ms-transform: rotate(-24deg)

    }

    60% {

        -ms-transform: rotate(-24deg)

    }

    68% {

        -ms-transform: rotate(24deg)

    }

    75% {

        -ms-transform: rotate(0deg)

    }

}



@keyframes wrenching {

    0% {

        transform: rotate(-12deg)

    }

    8% {

        transform: rotate(12deg)

    }

    10% {

        transform: rotate(24deg)

    }

    18% {

        transform: rotate(-24deg)

    }

    20% {

        transform: rotate(-24deg)

    }

    28% {

        transform: rotate(24deg)

    }

    30% {

        transform: rotate(24deg)

    }

    38% {

        transform: rotate(-24deg)

    }

    40% {

        transform: rotate(-24deg)

    }

    48% {

        transform: rotate(24deg)

    }

    50% {

        transform: rotate(24deg)

    }

    58% {

        transform: rotate(-24deg)

    }

    60% {

        transform: rotate(-24deg)

    }

    68% {

        transform: rotate(24deg)

    }

    75% {

        transform: rotate(0deg)

    }

}



.icon-animated-bell {

    display: inline-block;

    -moz-animation: ringing 2.0s infinite ease 1.0s;

    -ms-animation: ringing 2.0s infinite ease 1.0s;

    -webkit-animation: ringing 2.0s infinite ease 1.0s;

    animation: ringing 2.0s infinite ease 1.0s;

    -moz-transform-origin: 50% 0;

    -webkit-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    transform-origin: 50% 0

}



@-moz-keyframes ringing {

    0% {

        -moz-transform: rotate(-15deg)

    }

    2% {

        -moz-transform: rotate(15deg)

    }

    4% {

        -moz-transform: rotate(-18deg)

    }

    6% {

        -moz-transform: rotate(18deg)

    }

    8% {

        -moz-transform: rotate(-22deg)

    }

    10% {

        -moz-transform: rotate(22deg)

    }

    12% {

        -moz-transform: rotate(-18deg)

    }

    14% {

        -moz-transform: rotate(18deg)

    }

    16% {

        -moz-transform: rotate(-12deg)

    }

    18% {

        -moz-transform: rotate(12deg)

    }

    20% {

        -moz-transform: rotate(0deg)

    }

}



@-webkit-keyframes ringing {

    0% {

        -webkit-transform: rotate(-15deg)

    }

    2% {

        -webkit-transform: rotate(15deg)

    }

    4% {

        -webkit-transform: rotate(-18deg)

    }

    6% {

        -webkit-transform: rotate(18deg)

    }

    8% {

        -webkit-transform: rotate(-22deg)

    }

    10% {

        -webkit-transform: rotate(22deg)

    }

    12% {

        -webkit-transform: rotate(-18deg)

    }

    14% {

        -webkit-transform: rotate(18deg)

    }

    16% {

        -webkit-transform: rotate(-12deg)

    }

    18% {

        -webkit-transform: rotate(12deg)

    }

    20% {

        -webkit-transform: rotate(0deg)

    }

}



@-ms-keyframes ringing {

    0% {

        -ms-transform: rotate(-15deg)

    }

    2% {

        -ms-transform: rotate(15deg)

    }

    4% {

        -ms-transform: rotate(-18deg)

    }

    6% {

        -ms-transform: rotate(18deg)

    }

    8% {

        -ms-transform: rotate(-22deg)

    }

    10% {

        -ms-transform: rotate(22deg)

    }

    12% {

        -ms-transform: rotate(-18deg)

    }

    14% {

        -ms-transform: rotate(18deg)

    }

    16% {

        -ms-transform: rotate(-12deg)

    }

    18% {

        -ms-transform: rotate(12deg)

    }

    20% {

        -ms-transform: rotate(0deg)

    }

}



@keyframes ringing {

    0% {

        transform: rotate(-15deg)

    }

    2% {

        transform: rotate(15deg)

    }

    4% {

        transform: rotate(-18deg)

    }

    6% {

        transform: rotate(18deg)

    }

    8% {

        transform: rotate(-22deg)

    }

    10% {

        transform: rotate(22deg)

    }

    12% {

        transform: rotate(-18deg)

    }

    14% {

        transform: rotate(18deg)

    }

    16% {

        transform: rotate(-12deg)

    }

    18% {

        transform: rotate(12deg)

    }

    20% {

        transform: rotate(0deg)

    }

}



.icon-animated-vertical {

    display: inline-block;

    -moz-animation: vertical 2.0s 5 ease 2.0s;

    -ms-animation: vertical 2.0s 5 ease 2.0s;

    -webkit-animation: vertical 2.0s 5 ease 2.0s;

    animation: vertical 2.0s 5 ease 2.0s

}



@-moz-keyframes vertical {

    0% {

        -moz-transform: translate(0, -3px)

    }

    4% {

        -moz-transform: translate(0, 3px)

    }

    8% {

        -moz-transform: translate(0, -3px)

    }

    12% {

        -moz-transform: translate(0, 3px)

    }

    16% {

        -moz-transform: translate(0, -3px)

    }

    20% {

        -moz-transform: translate(0, 3px)

    }

    22% {

        -moz-transform: translate(0, 0)

    }

}



@-webkit-keyframes vertical {

    0% {

        -webkit-transform: translate(0, -3px)

    }

    4% {

        -webkit-transform: translate(0, 3px)

    }

    8% {

        -webkit-transform: translate(0, -3px)

    }

    12% {

        -webkit-transform: translate(0, 3px)

    }

    16% {

        -webkit-transform: translate(0, -3px)

    }

    20% {

        -webkit-transform: translate(0, 3px)

    }

    22% {

        -webkit-transform: translate(0, 0)

    }

}



@-ms-keyframes vertical {

    0% {

        -ms-transform: translate(0, -3px)

    }

    4% {

        -ms-transform: translate(0, 3px)

    }

    8% {

        -ms-transform: translate(0, -3px)

    }

    12% {

        -ms-transform: translate(0, 3px)

    }

    16% {

        -ms-transform: translate(0, -3px)

    }

    20% {

        -ms-transform: translate(0, 3px)

    }

    22% {

        -ms-transform: translate(0, 0)

    }

}



@keyframes vertical {

    0% {

        transform: translate(0, -3px)

    }

    4% {

        transform: translate(0, 3px)

    }

    8% {

        transform: translate(0, -3px)

    }

    12% {

        transform: translate(0, 3px)

    }

    16% {

        transform: translate(0, -3px)

    }

    20% {

        transform: translate(0, 3px)

    }

    22% {

        transform: translate(0, 0)

    }

}



.easyPieChart {

    position: relative;

    text-align: center

}



.easyPieChart canvas {

    position: absolute;

    top: 0;

    left: 0

}



.navbar-inverse .navbar-inner, .navbar .btn-navbar {

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important

}



.dropdown-menu li > a, .dropdown-submenu > a {

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important

}



.btn {

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important

}



.progress, .progress .bar {

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important

}



#spinner-preview {

    width: 100px;

    height: 100px;

    text-align: center;

    margin-top: 60px

}



.dropdown-preview {

    margin: 0 5px;

    display: inline-block

}



.dropdown-preview > .dropdown-menu {

    display: block;

    position: static;

    margin-bottom: 5px

}