@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600&subset=latin,latin-ext);
.hideText {
    text-indent: -999em;
    letter-spacing: -999em;
    overflow: hidden;
}

*,
a:focus {
    outline: none !important;
}

button:focus {
    outline: none !important;
}

button::-moz-focus-inner {
    border: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: #232628 url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/pattern1.png") repeat;
    font-size: 10pt;
    overflow: hidden;
}

a {
    color: #da4c4c;
    outline: 0 !important;
}

input,
button,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
}

a:hover {
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 5px;
    font-weight: 700;
    color: #575655;
}

h1.glyphicons,
h2.glyphicons,
h3.glyphicons,
h4.glyphicons,
h5.glyphicons,
h6.glyphicons {
    color: #575655;
}

p {
    font-size: 10pt;
    margin: 0 0 15px;
}

p a {
    color: #dd8a88;
}

h1,
h2,
h3 {
    text-shadow: 0 1px 0 #fff;
}

h1 {
    color: #575655;
}

h1 span {
    color: #d67170;
}

h2 {
    font-size: 26pt;
    color: #575655;
}

h4,
h3 {
    color: #575655;
}

li.center,
.center {
    text-align: center;
}

.right {
    text-align: right;
}

.btn-block.count {
    text-align: left;
}

.btn-block.count.glyphicons i:before {
    text-align: center;
}

.btn-block.count span {
    float: right;
    font-size: 18px;
}

.container-fluid {
    padding: 0;
}

.navbar.main {
    height: 69px;
    background-color: #393d41;
    background-image: url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/pattern2.png");
    background-repeat: repeat;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.7), 0px 3px 8px rgba(0, 0, 0, 0.1);
    margin: 0;
    z-index: 2;
    position: relative;
}

.navbar.main .btn-navbar {
    padding: 8px;
    margin: 0;
    position: absolute;
    z-index: 3;
    float: none;
    right: 5px;
    top: 17px;
}

.navbar.main .innerpx {
    height: 53px;
    position: relative;
    border-bottom: 1px solid #171819;
}

.navbar.main .profile {
    float: left;
    height: 42px;
    border: 1px solid #2f3235;
    padding: 5px 7px;
    background: #292c2e;
    z-index: 3;
    display: inline-block;
    font-size: 9pt;
    line-height: normal;
    position: relative;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 1px #5e646b inset;
    -moz-box-shadow: 0 0 0 1px #5e646b inset;
    -webkit-box-shadow: 0 0 0 1px #5e646b inset;
}

.navbar.main .profile.heading {
    padding: 5px 10px;
}

.navbar.main .profile strong {
    color: #efefef;
    display: block;
    padding: 5px 0 0;
}

.navbar.main .profile h1 {
    color: #efefef;
    text-shadow: 0 1px 0 #555;
    font-size: 14pt;
    line-height: normal;
    margin: 0;
    padding: 0;
    height: auto;
}

.navbar.main .profile em {
    color: #bb5858;
    display: block;
    font-weight: 600;
}

.navbar.main .profile span.info {
    float: left;
    display: block;
    margin: 0 10px;
}

.navbar.main .profile img.avatar {
    border: 1px solid #98a1a9;
    width: 38px;
    height: 38px;
    margin: 1px 0 0 0;
    float: left;
    max-width: none !important;
}

.navbar.main .profile .btn-group {
    margin-top: 8px;
    text-align: left;
}

.navbar.main .profile .btn-group .caret {
    vertical-align: middle;
    margin-top: 0;
}

.navbar.main .line {
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #2f3238;
    border-bottom: 1px solid #5e646b;
    content: "";
    position: absolute;
    top: 26px;
    z-index: 1;
}

.navbar.main .notif {
    margin: 0;
    padding: 5px 0 0;
    list-style: none;
    height: 31px;
    position: relative;
    z-index: 2;
}

.navbar.main .notif li {
    padding: 0 0 0 25px;
    display: none;
    float: left;
}

.navbar.main .notif li a {
    display: block;
    width: 29px;
    height: 31px;
    padding: 0;
    background: #da4c4c;
    border: 1px solid #da4c4c;
    position: relative;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.navbar.main .notif li a i:before {
    top: 2px;
    left: -1px;
    position: relative;
    font-size: 18px;
    color: #f4cbcb;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    line-height: normal;
    font-weight: normal;
}

.navbar.main .notif li a span {
    font-size: 8pt;
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    position: absolute;
    top: -11px;
    right: -9px;
    border: 1px solid #fbeded;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    padding: 0 3px;
    line-height: normal;
    text-shadow: 0 1px 0 #fff;
}

.navbar.main .topnav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.navbar.main .topnav>li {
    position: relative;
    margin: 0 10px 0 0;
    height: 42px;
    border: 1px solid #2f3235;
    padding: 5px 10px;
    background: #292c2e;
    text-align: center;
    display: block;
    float: left;
    font-size: 9pt;
    line-height: normal;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 1px #5e646b inset;
    -moz-box-shadow: 0 0 0 1px #5e646b inset;
    -webkit-box-shadow: 0 0 0 1px #5e646b inset;
}

.navbar.main .topnav>li:last-child {
    margin-right: 0;
}

.navbar.main .topnav>li strong {
    color: #efefef;
    display: block;
    padding: 5px 0 0;
}

.navbar.main .topnav>li>a {
    text-decoration: none;
}

.navbar.main .topnav>li>a span {
    display: block;
    color: #5e6060;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: 600;
}

.navbar.main .topnav>li>.glyphicons {
    padding: 0 10px;
}

.navbar.main .topnav>li>.glyphicons i {
    display: block;
}

.navbar.main .topnav>li>.glyphicons i:before {
    text-align: center;
    position: relative;
    display: block;
    font-size: 16px;
    color: #5e6060;
    font-weight: normal;
    padding: 5px 0 0;
}

.navbar.main .topnav>li li {
    text-align: left;
}

.navbar.main .topnav>li .btn-group {
    margin-top: 10px;
}

.navbar.main .topnav>li .btn-group .caret {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.navbar.main .topnav>li .btn-group a {
    border: 0;
}

.navbar.main .topnav>li .dropdown-menu {
    background: #292c2e;
    border: 1px solid #2f3235;
    box-shadow: 0 0 0 1px #5e646b inset;
    -moz-box-shadow: 0 0 0 1px #5e646b inset;
    -webkit-box-shadow: 0 0 0 1px #5e646b inset;
    padding: 0;
}

.navbar.main .topnav>li .dropdown-menu a {
    padding: 5px 10px;
    color: #fff;
}

.navbar.main .topnav>li .dropdown-menu a img {
    margin-right: 5px;
}

.navbar.main .topnav>li .dropdown-menu li {
    border-bottom: 1px solid #5e646b;
}

.navbar.main .topnav>li .dropdown-menu li:first-child a {
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
    padding: 6px 10px 5px;
}

.navbar.main .topnav>li .dropdown-menu li:last-child {
    border-bottom: 0;
}

.navbar.main .topnav>li .dropdown-menu li>a:hover,
.navbar.main .topnav>li .dropdown-menu .active>a,
.navbar.main .topnav>li .dropdown-menu .active>a:hover {
    background: #da4c4c;
}

.navbar.main .topnav>li .dropdown-menu.pull-right {
    -webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
    right: -11px;
}

.navbar.main #themer {
    position: absolute;
    top: 100%;
    left: auto;
    right: -1px;
    z-index: 1000;
    width: 250px;
    margin: -5px 0 0;
    text-align: left;
}

.navbar.main #themer.in {
    overflow: visible;
}

.navbar.main #themer .wrapper {
    -webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
    background: #292c2e;
    border: 1px solid #2f3235;
    box-shadow: 0 0 0 1px #5e646b inset;
    -moz-box-shadow: 0 0 0 1px #5e646b inset;
    -webkit-box-shadow: 0 0 0 1px #5e646b inset;
    padding: 15px;
    color: #fafafa;
}

.navbar.main #themer .wrapper hr.separator {
    margin: 10px 0;
    border-top-color: #5e646b;
    border-bottom-color: #2f3235;
}

.navbar.main #themer .wrapper h4 {
    border-bottom: 1px solid #5e6060;
    padding: 0 0 10px;
    margin: 0 0 10px;
    color: #fff;
}

.navbar.main #themer .wrapper h4 span {
    color: #5e6060;
    font-weight: normal;
    font-size: 10pt;
}

.navbar.main #themer .wrapper .btn {
    margin: 0;
}

.navbar.main #themer .wrapper #themer-getcode-less {
    margin: 0 0 0 5px;
}

.navbar.main #themer .wrapper ul {
    margin: 0;
    list-style: none;
}

.navbar.main #themer .wrapper ul li {
    height: 25px;
    line-height: 25px;
    position: relative;
}

.navbar.main #themer .wrapper ul li .minicolors {
    line-height: normal;
    border: none;
    top: 2px;
    right: 0;
    position: absolute;
}

.navbar.main #themer .wrapper ul li .minicolors input {
    border: none;
    height: 20px;
    width: 69px;
    background: #414649;
    color: #fff;
    font-size: 9pt;
    padding: 0 5px;
    margin: 0 0 1px;
}

.navbar.main #themer .wrapper ul li .minicolors-swatch {
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.navbar.main #themer .wrapper ul li .minicolors-panel {
    z-index: 10000;
    top: 24px;
}

.navbar.main #themer .wrapper ul li .minicolors-position-left .minicolors-panel {
    left: -152px;
}

.navbar.main #themer .wrapper ul li select {
    position: absolute;
    top: 3px;
    right: 0;
    width: 100px;
    height: 20px;
    line-height: normal;
    padding: 0;
    margin: 0;
    font-size: 9pt;
    background: #414649;
    border: 1px solid #2F3235;
    color: #fff;
}

.navbar.main #themer .wrapper ul li .link {
    text-decoration: underline;
    cursor: pointer;
}

.navbar.main #themer .wrapper ul li label {
    margin: 0;
    line-height: 25px;
    font-size: 9pt;
}

.navbar.main #themer .wrapper ul li label input {
    margin: 0 0 1px;
}

.navbar.main #themer .wrapper ul li.advanced {
    display: none;
}

.navbar.main #themer.themer-advanced .wrapper ul li.advanced {
    display: block;
}

#footer {
    height: 35px;
    background: #232628 url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/pattern1.png") repeat;
    border-top: 1px solid #010101;
    position: absolute;
    bottom: 0;
    z-index: 20000;
    left: 14.893617021276595%;
    right: 0;
    overflow: hidden;
}

#footer .wrap {
    background: rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: -webkit-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: -o-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: -ms-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: linear-gradient(180deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 0;
    border-top: 1px solid #494E53;
}

#footer .wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 1px solid #232323;
    border-right: 1px solid #535353;
    display: inline-block;
}

#footer .wrap ul li {
    float: left;
    display: block;
    border-right: 1px solid #232323;
    line-height: 35px;
    height: 35px;
}

#footer .wrap ul li span:first-child,
#footer .wrap ul li a {
    border-left: 1px solid #535353;
    display: block;
    width: auto;
    cursor: pointer;
    padding: 0 10px;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    color: #797979;
    font-weight: bold;
}

#footer .wrap ul li span:first-child i:before,
#footer .wrap ul li a i:before {
    line-height: 35px;
    position: relative;
    color: #797979;
    left: auto;
    top: -2px;
    font-size: 20px;
    vertical-align: middle;
    font-weight: normal;
}

#footer .wrap ul li span:first-child.text span,
#footer .wrap ul li a.text span {
    margin-left: 5px;
}

#footer .wrap ul li.active span:first-child,
#footer .wrap ul li:hover span:first-child,
#footer .wrap ul li.active a,
#footer .wrap ul li:hover a {
    color: #e6e6e6;
}

#footer .wrap ul li.active span:first-child i:before,
#footer .wrap ul li:hover span:first-child i:before,
#footer .wrap ul li.active a i:before,
#footer .wrap ul li:hover a i:before {
    color: #e6e6e6;
}

.btn-group .btn-primary {
    margin-right: 2px;
}

.box-1 {
    position: relative;
    background: #ececec;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 8px solid #ececec;
    padding: 10px 8px;
    box-shadow: inset -1px -1px 1px rgba(255, 255, 255, 0.9), inset 1px 1px 10px rgba(0, 0, 0, 0.2);
}

.registerbox,
.loginbox {
    width: 272px;
    z-index: 2;
}

.registerbox input,
.loginbox input {
    width: 93%;
    padding: 2% 3%;
}

.registerbox {
    border-color: rgba(255, 255, 255, 0.6);
}

.positionWrapper {
    position: relative;
    text-align: center;
}

.positionWrapper form {
    margin: 0 0 10px;
}

.positionWrapper.registerWrapper form {
    margin: 0;
}

.loginWrapper {
    position: relative;
    z-index: 1;
}

.loginWrapper .line {
    display: block;
    height: 100%;
    width: 0;
    border-left-color: #0b0b0b;
    border-right-color: #5e646b;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    border-bottom-width: 0;
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    left: 49%;
}

.loginWrapper .btn-register {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
}

.loginWrapper .btn-register a {
    position: relative;
    left: -50%;
}

.registerWrapper {
    position: relative;
    z-index: 1;
}

.registerWrapper .line {
    display: block;
    height: 100%;
    width: 0;
    border-left: 1px solid #fff;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    left: 49%;
}

.registerWrapper .btn-login {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
}

.registerWrapper .btn-login a {
    position: relative;
    left: -50%;
}

.forgot {
    font-size: 9pt;
    color: #da4c4c;
    padding: 0 25px 0 0;
}

.forgot i:before {
    left: auto;
    right: 5px;
    font-size: 14px;
    color: #da4c4c;
    top: 3px;
}

.tooltip-inner {
    background: #272a2c;
    color: #bab9b9;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #272a2c;
}

.innerpx {
    padding: 7px;
}

.inner {
    padding: 2.127659574468085%;
}

.inner.leftRight {
    padding: 0 2.127659574468085%;
}

.inner.topBottom {
    padding: 2.127659574468085% 0;
}

.inner.left {
    padding: 0 0 0 2.127659574468085%;
}

.inner.right {
    padding: 0 2.127659574468085% 0 0;
}

.inner.topRight {
    padding: 2.127659574468085% 2.127659574468085% 36px 0;
    right: 0;
}

.iScrollWrapper {
    right: 0;
}

.scroll-x,
.rrow.scroll-x {
    overflow-x: auto;
}

.scroll-y-left,
.rrow.scroll-y-left,
.scroll-y,
.rrow.scroll-y {
    overflow-y: auto;
}

.scroll-x,
.scroll-y,
.scroll-y-left {
    -webkit-overflow-scrolling: touch;
}

.iScrollLeftV {
    position: absolute;
    z-index: 100;
    width: 8px;
    bottom: 7px;
    top: 5px;
    left: 5px;
}

.iScrollLeftV>div {
    position: absolute;
    z-index: 100;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.498039);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.span12.main {
    background-color: #f4f4f4;
    background-image: url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/pattern1.png");
    background-repeat: repeat;
    z-index: 1;
    position: relative;
    height: 100%;
}

.rrow,
.col {
    position: absolute;
    overflow: hidden;
}

.rrow {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.rrow.main {
    top: 69px;
}

.col {
    top: 0;
    bottom: 0;
}

.col.main-left {
    background-color: #232628;
    background-image: url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/pattern1.png");
    background-repeat: repeat;
    z-index: 2;
}

.col.main-right {
    left: 14.893617021276595%;
    z-index: 1;
}

.col.main-left .navarrow {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background: #232628 url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/pattern1.png") repeat;
    cursor: pointer;
    text-align: center;
    border-top: 1px solid #010101;
}

.col.main-left .navarrow span {
    background: rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: -webkit-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: -o-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: -ms-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: linear-gradient(180deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 0;
    border-top: 1px solid #494E53;
}

.col.main-left .navarrow span i:before {
    position: relative;
    top: 5px;
    left: 0;
    color: #c94848;
}

.col.main-left .navarrow.hide {
    display: none;
}

.col.main-left ul {
    margin: 0;
    padding: 25px 0 60px;
    display: block;
    text-align: center;
    list-style: none;
}

.col.main-left ul li {
    display: block;
    height: 89px;
    background: rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: -webkit-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: -o-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: -ms-linear-gradient(90deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    background: linear-gradient(180deg, rgba(32, 35, 37, 0.1) 25%, rgba(255, 255, 255, 0.05) 90%);
    border-bottom: 1px solid #010101;
    padding: 5px 0 0;
}

.col.main-left ul li a {
    display: block;
    height: 88px;
    color: #808181;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    font-size: 9pt;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    border-bottom: 1px solid #494e53;
}

.col.main-left ul li.glyphicons i,
.col.main-left ul li .glyphicons i {
    display: block;
    padding: 10px 0 8px;
}

.col.main-left ul li.glyphicons i:before,
.col.main-left ul li .glyphicons i:before {
    text-align: center;
    display: block;
    font-size: 35px;
    position: relative;
    top: 0;
    left: 0;
    color: #484c4f;
    font-weight: normal;
}

.col.main-left ul li .glyphicons {
    padding: 0;
}

.col.main-left ul li.hasSubmenu2 {
    height: auto;
}

.col.main-left ul li.hasSubmenu2 a {
    border-bottom: none !important;
}

.col.main-left ul li.hasSubmenu2 ul {
    border-bottom: 1px solid #494E53;
    padding: 0;
}

.col.main-left ul li.hasSubmenu2 ul li {
    height: auto;
    padding: 0;
}

.col.main-left ul li.hasSubmenu2 ul li:last-child {
    border: 0;
}

.col.main-left ul li.hasSubmenu2 ul li a {
    height: auto;
    padding: 5px 0;
    text-shadow: none !important;
}

.col.main-left ul li.hasSubmenu2 ul.collapse {
    background: #191a1b;
}

.col.main-left ul li.hasSubmenu2 ul.collapse li {
    background: #191a1b;
}

.col.main-left ul li.hasSubmenu2 ul.collapse li.active {
    background: #f4f4f4 url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/pattern1.png") repeat;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    margin-left: 0;
}

.col.main-left ul li.hasSubmenu2 ul.collapse li a {
    border-bottom: 0;
    text-align: left;
    padding: 5px 0 5px 30px;
}

.col.main-left ul li.hasSubmenu2 ul.collapse li a i {
    display: inline-block;
    padding: 0;
    margin: 0 15px 0 0;
    position: relative;
    top: 3px;
}

.col.main-left ul li.hasSubmenu2 ul.collapse li a i:before {
    font-size: 15px;
    padding: 0;
    left: 0;
    top: 0;
    font-weight: normal;
    text-shadow: none !important;
}

.col.main-left ul li.hasSubmenu2 ul.collapse li.active a {
    padding: 5px 0 5px 20px;
}

.col.main-left ul li.hasSubmenu2 ul.collapse li.active a i:before {
    color: #D15353;
}

.col.main-left ul li.active {
    background-color: #f4f4f4;
    background-image: url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/pattern1.png");
    background-repeat: repeat;
    margin-left: 20px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    border-left: 10px solid #d15353;
    border-color: #d15353;
    border-bottom: none;
}

.col.main-left ul li.active a {
    background: none;
    text-shadow: none;
    color: #d15353;
    border-bottom: none;
}

.col.main-left ul li.active.glyphicons i:before {
    color: #d15353;
}

.col.main-left ul li.active i {
    display: block;
    padding: 15px 0 8px;
}

.col.main-left ul li.active ul {
    display: block;
}

.left-menu .col.main-left.menu-small ul li,
.right-menu .col.main-left.menu-small ul li {
    text-align: left;
    height: 45px;
    line-height: 44px;
    padding: 0;
}

.left-menu .col.main-left.menu-small ul li.glyphicons i,
.right-menu .col.main-left.menu-small ul li.glyphicons i,
.left-menu .col.main-left.menu-small ul li .glyphicons i,
.right-menu .col.main-left.menu-small ul li .glyphicons i {
    padding: 0;
    display: inline-block;
    position: relative;
    top: 6px;
}

.left-menu .col.main-left.menu-small ul li.glyphicons i:before,
.right-menu .col.main-left.menu-small ul li.glyphicons i:before,
.left-menu .col.main-left.menu-small ul li .glyphicons i:before,
.right-menu .col.main-left.menu-small ul li .glyphicons i:before {
    text-align: left;
    font-size: 22px;
    width: 40px;
    left: 10px;
    top: 0;
}

.left-menu .col.main-left.menu-small ul li a,
.right-menu .col.main-left.menu-small ul li a {
    height: 44px;
}

.left-menu .col.main-left.menu-small ul li.hasSubmenu2,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 {
    height: auto;
}

.left-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li {
    text-align: left;
    height: 36px;
    line-height: 36px;
    padding: 0;
}

.left-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.glyphicons i,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.glyphicons i,
.left-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li .glyphicons i,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li .glyphicons i {
    padding: 0;
    margin: 0 0 0 10px;
    display: inline-block;
    position: relative;
    top: 4px;
}

.left-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.glyphicons i:before,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.glyphicons i:before,
.left-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li .glyphicons i:before,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li .glyphicons i:before {
    font-size: 17px;
    width: 40px;
    left: 10px;
    top: 0;
}

.left-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li a,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li a {
    height: 35px;
    padding: 0;
}

.left-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active.glyphicons i,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active.glyphicons i,
.left-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active .glyphicons i,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active .glyphicons i {
    margin: 0;
}

.left-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active a,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active a {
    padding: 0;
}

.right-menu .col.main-right {
    right: 14.893617021276595%;
    margin-left: 0;
    left: auto;
}

.right-menu .col.main-left {
    margin-left: 2.564102564102564%;
    left: auto;
    right: 0;
}

.right-menu .col.main-left ul li.active {
    margin-left: 0;
    margin-right: 20px;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    border-left-width: 0;
    border-right-width: 10px;
    border-right-style: solid;
}

.right-menu .col.main-left ul li.hasSubmenu2 ul.collapse li.active {
    margin: 0;
}

.right-menu .col.main-left ul li.hasSubmenu2 ul.collapse li.active a {
    padding: 5px 0 5px 30px;
}

.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active.glyphicons i,
.right-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active .glyphicons i {
    margin: 0 0 0 10px;
}

.right-menu #footer {
    left: 0;
    right: 14.893617021276595%;
}

.right-menu #footer ul {
    float: right;
}

.top-menu .scroll-y-left {
    overflow: hidden;
    overflow-x: auto;
}

.top-menu .login .scroll-y-left {
    overflow: hidden;
}

.top-menu .col.main-right {
    left: 0;
    margin: 0;
    width: 100%;
}

.top-menu .col.main-right .inner.topRight {
    margin-top: 70px;
    position: relative;
    padding: 2.127659574468085% 2.127659574468085% 106px;
}

.top-menu .col.main-right.login .inner.topRight {
    margin-top: 0;
    padding: 2.127659574468085% 2.127659574468085% 36px 0;
}

.top-menu .col.main-left {
    margin-left: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 70px;
    /*border-bottom: 1px solid #010101;*/
}

.top-menu .col.main-left.login {
    height: auto;
    /*.rrow.scroll-y-left div { width: auto; }*/
}

.top-menu .col.main-left .navarrow {
    display: none !important;
}

.top-menu .col.main-left .rrow.scroll-y-left {
    /*border-bottom: 1px solid #494E53;*/
}

.top-menu .col.main-left .rrow.scroll-y-left div.iScrollWrapper {
    width: 2040px;
}

.top-menu .col.main-left ul {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0;
}

.top-menu .col.main-left ul li {
    height: 70px;
    padding: 0;
    width: auto;
    display: block;
    float: left;
    border-bottom: 0;
    /*border-right: 1px solid #010101;*/
    border-right-width: 1px;
    border-right-style: solid;
}

.top-menu .col.main-left ul li.glyphicons i,
.top-menu .col.main-left ul li>.glyphicons i {
    padding: 14px 0 2px;
}

.top-menu .col.main-left ul li.glyphicons i:before,
.top-menu .col.main-left ul li>.glyphicons i:before {
    font-size: 24px;
}

.top-menu .col.main-left ul li a {
    height: 70px;
    border-bottom: 0;
    /*border-right: 1px solid #494E53;*/
    border-right-width: 1px;
    border-right-style: solid;
    padding: 0 12px;
}

.top-menu .col.main-left ul li.active {
    margin-left: 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    border-left-width: 0;
    border-top-width: 10px;
    border-right-width: 0;
    /*border-left: 10px solid #D15353;
					border-color: #D15353;*/
    border-top-style: solid;
    height: 60px;
}

.top-menu .col.main-left ul li.active.glyphicons i,
.top-menu .col.main-left ul li.active>.glyphicons i {
    /*display: none;*/
    display: block;
    padding: 10px 0 2px;
}

.top-menu .col.main-left ul li.active.glyphicons i i:before,
.top-menu .col.main-left ul li.active>.glyphicons i i:before {
    font-size: 20px;
}

.top-menu .col.main-left ul li.active a {
    height: 60px;
    border-right-width: 0;
}

.top-menu .col.main-left ul li.hasSubmenu2 {
    width: auto;
}

.top-menu .col.main-left ul li.hasSubmenu2>a {
    width: auto;
    float: left;
    display: inline-block;
}

.top-menu .col.main-left ul li.hasSubmenu2 ul.collapse {
    width: 0;
    display: inline-block;
    float: left;
}

.top-menu .col.main-left ul li.hasSubmenu2 ul.collapse.in {
    width: auto;
}

.top-menu .col.main-left ul li.hasSubmenu2 ul.collapse li {
    height: 70px;
    width: auto;
}

.top-menu .col.main-left ul li.hasSubmenu2 ul.collapse li a {
    line-height: 20px;
    text-align: center;
    height: 70px;
    padding: 0 12px;
}

.top-menu .col.main-left ul li.hasSubmenu2 ul.collapse li a i {
    /*display: none;*/
    display: block;
    padding: 14px 0 4px;
    margin: 0;
}

.top-menu .col.main-left ul li.hasSubmenu2 ul.collapse li a i:before {
    font-size: 22px;
}

.top-menu .col.main-left ul li.hasSubmenu2 ul.collapse li.active {
    margin: 0;
    height: 65px;
    border-bottom: none;
}

.top-menu .col.main-left ul li.hasSubmenu2 ul.collapse li.active a {
    padding: 0 20px;
    height: 65px;
    border-bottom: none;
}

.top-menu .col.main-left ul li.hasSubmenu2 ul.collapse li.active a i {
    padding: 10px 0 2px;
}

.top-menu .col.main-left.menu-small {
    height: 45px;
    position: relative;
    overflow: hidden;
}

.top-menu .col.main-left.menu-small ul li {
    height: 45px;
}

.top-menu .col.main-left.menu-small ul li .glyphicons i,
.top-menu .col.main-left.menu-small ul li.glyphicons i {
    padding: 0;
    display: inline-block;
    position: relative;
    top: 6px;
}

.top-menu .col.main-left.menu-small ul li .glyphicons i:before,
.top-menu .col.main-left.menu-small ul li.glyphicons i:before {
    top: 0;
    width: 35px;
    font-size: 22px;
}

.top-menu .col.main-left.menu-small ul li a span {
    display: inline-block;
    padding: 0;
    line-height: normal;
}

.top-menu .col.main-left.menu-small ul li a {
    padding-top: 0;
    height: 45px;
    line-height: 45px;
}

.top-menu .col.main-left.menu-small ul li.active {
    border-top-width: 5px;
    height: 40px;
}

.top-menu .col.main-left.menu-small ul li.active a {
    padding-top: 0;
    height: 40px;
    line-height: 40px;
}

.top-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li {
    height: 45px;
}

.top-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li a i {
    display: inline-block;
    padding: 0;
    position: relative;
    top: 6px;
}

.top-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li a i:before {
    top: 0;
    width: 35px;
}

.top-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li a {
    padding-top: 0;
    height: 45px;
    line-height: 45px;
}

.top-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active {
    height: 40px;
}

.top-menu .col.main-left.menu-small ul li.hasSubmenu2 ul.collapse li.active a {
    padding-top: 0;
    height: 40px;
}

.top-menu #footer {
    left: 0;
    right: 0;
}

.top-menu #footer ul {
    float: right;
}

ul.icons {
    text-align: left;
    padding: 0 15px;
}

ul.icons i:before {
    color: #e09694;
}

ul.icons li {
    display: block;
}

.form-inline.small input,
.form-inline.small select {
    margin: 0 5px 0 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    padding: 1px 5px;
    border-color: #d8d9da;
    color: #a7a7a7;
}

.form-inline.small select {
    padding: 1px 0;
    height: 23px;
}

.form-inline.small select:last-child {
    margin-right: 0;
}

.form-inline.small label {
    float: left;
    margin: 0 5px 0 0;
    display: block;
}

.form-inline.small .input-append.block {
    display: block;
}

.form-inline.small .input-append input {
    margin: 0;
    width: 85%;
}

.form-inline.small .input-append .add-on {
    padding: 1px 3px;
    margin: 0 0 0 -1px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    background: #fff;
    color: #d8d9da;
    border-color: #d8d9da;
}

.form-inline.small .input-append .add-on i:before {
    top: 4px;
    left: 4px;
    font-size: 14px;
    color: #d0d1d1;
}

.filter-bar {
    background: #f5f5f5;
    border: 1px solid #d8d9da;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    line-height: 30px;
    margin-bottom: 20px;
}

.filter-bar div {
    float: left;
    line-height: 30px;
}

.filter-bar div div {
    padding: 0;
    margin: 0 15px 0 0;
}

.filter-bar div div input {
    margin: 3px 0 0;
}

.filter-bar div div.input-append .add-on {
    padding: 1px 3px;
    margin: 3px 0 0 -1px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    background: #fff;
    color: #d8d9da;
    border-color: #d8d9da;
}

.filter-bar div div.input-append .add-on i:before {
    top: 4px;
    left: 4px;
    font-size: 14px;
    color: #d0d1d1;
}

.filter-bar div.glyphicons {
    padding: 0 0 0 35px;
}

.filter-bar div.glyphicons i:before {
    top: 12px;
    left: 9px;
    font-size: 17px;
    color: rgba(255, 255, 255, 0.8);
}

.filter-bar div.clearfix {
    padding: 0;
    clear: both;
    float: none;
    display: block;
    height: 0;
    margin: 0;
}

.filter-bar div.lbl {
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    padding: 0 10px 0 35px;
    background: #da4c4c;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    color: #fff;
}

.filter-bar form {
    margin: 0;
}

.filter-bar form input,
.filter-bar form select {
    margin: 0 5px 3px 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    padding: 1px 5px;
    border-color: #d8d9da;
    color: #a7a7a7;
}

.filter-bar form select {
    padding: 1px 0;
    height: 23px;
}

.filter-bar form label {
    float: left;
    /*margin: 0 5px 0 0;*/
    display: block;
    line-height: 30px;
}

.heading-buttons h1,
.heading-buttons h2,
.heading-buttons h3,
.heading-buttons h4,
.heading-buttons h5,
.heading-buttons h6 {
    display: inline-block;
}

.heading-buttons h1.glyphicons,
.heading-buttons h2.glyphicons,
.heading-buttons h3.glyphicons,
.heading-buttons h4.glyphicons,
.heading-buttons h5.glyphicons,
.heading-buttons h6.glyphicons {
    display: inline-block;
}

.heading-buttons .buttons {
    margin-top: 7px;
    text-align: right;
}

.heading-buttons .btn {
    margin-right: 10px;
}

.heading-buttons .btn:last-child {
    margin-right: 0;
}

.relativeWrap {
    position: relative;
}

.widget {
    background: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin: 0 auto 20px;
    position: static;
}

.widget .widget-head {
    background: #da4c4c;
    border: 1px solid #da4c4c;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    height: 31px;
    line-height: 31px;
    position: relative;
}

.widget .widget-head .glyphicons {
    height: 31px;
    width: 30px;
    padding: 0;
}

.widget .widget-head .glyphicons i:before {
    width: 30px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
}

.widget .widget-head .heading {
    margin: 0;
    color: #fff;
    font-size: 10pt;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    float: left;
}

.widget .widget-head .heading.glyphicons {
    width: auto;
    display: block;
    padding: 0 0 0 35px;
}

.widget .widget-head .heading.glyphicons i:before {
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    height: 31px;
    line-height: 31px;
    text-align: center;
    width: 30px;
    background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-weight: normal;
    text-shadow: none;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.widget .widget-head a {
    text-shadow: none;
}

.widget .widget-head .dropdown-menu li>a:hover,
.widget .widget-head .dropdown-menu li>a:focus,
.widget .widget-head .dropdown-submenu:hover>a {
    background-color: #da4c4c;
    background-image: -moz-linear-gradient(top, #da4c4c, #d24343);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da4c4c), to(#d24343));
    background-image: -webkit-linear-gradient(top, #da4c4c, #d24343);
    background-image: -o-linear-gradient(top, #da4c4c, #d24343);
    background-image: linear-gradient(to bottom, #da4c4c, #d24343);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffda4c4c', endColorstr='#ffd24343', GradientType=0);
}

.widget .widget-body {
    padding: 15px;
}

.widget .widget-body .count {
    font-size: 15pt;
    font-weight: 600;
}

.widget .widget-body.list {
    color: #575655;
    padding: 0;
}

.widget .widget-body.list ul {
    margin: 0;
    list-style: none;
}

.widget .widget-body.list ul li {
    padding: 0 10px;
    height: 39px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 39px;
    text-align: left;
    clear: both;
}

.widget .widget-body.list ul li:first-child {
    border-top: none;
}

.widget .widget-body.list ul li:last-child {
    border-bottom: none;
}

.widget .widget-body.list ul li .count {
    float: right;
    color: #888;
    color: #da4c4c;
}

.widget .widget-body.list.fluid ul li {
    height: auto;
    line-height: normal;
    padding: 10px;
}

.widget .widget-body.list.list-2 ul li {
    border-bottom: 1px solid #d8d9da;
    border-top: none;
    background: #f8f8f8;
}

.widget .widget-body.list.list-2 ul li.active {
    border-color: #f1cbcb;
    background: #fff;
}

.widget .widget-body.list.list-2 ul li.active i:before {
    font-weight: normal;
    background: #da4c4c;
    color: #fff;
    text-shadow: none;
}

.widget .widget-body.list.list-2 ul li.active a {
    color: #da4c4c;
}

.widget .widget-body.list.list-2 ul li:last-child {
    border-bottom: none;
}

.widget .widget-body.list.list-2 ul li a {
    display: block;
    color: #dca5a5;
    padding: 0 0 0 30px;
}

.widget .widget-body.list.list-2 ul li a i:before {
    color: #dca5a5;
    width: 20px;
    height: 17px;
    font-size: 14px;
    border: 1px solid #dca5a5;
    background: #f1cbcb;
    top: 9px;
    left: 0;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    text-shadow: 0 1px 0 #fff;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu {
    height: auto;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu ul {
    padding: 0 0 10px;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu ul li {
    height: auto;
    line-height: normal;
    background: none;
    border: none;
    line-height: 20px;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu ul li a {
    color: #333;
    padding: 0 0 0 20px;
}

.widget .widget-body.list.list-2 ul li.hasSubmenu ul li.active a {
    font-weight: bold;
}

.widget .widget-footer {
    background: #f7f7f7;
    height: 25px;
    line-height: 25px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #ffffff;
}

.widget .widget-footer .glyphicons {
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    float: right;
}

.widget .widget-footer .glyphicons i:before {
    font-size: 16px;
    color: #c3c3c3;
    text-align: center;
    width: 20px;
    height: 25px;
    line-height: 25px;
    text-shadow: 0 1px 0 #fff;
}

.widget .widget-footer .glyphicons:hover i:before {
    color: rgba(0, 0, 0, 0.5);
}

.widget:before,
.widget:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    top: 50%;
    bottom: 0;
    left: 5%;
    right: 5%;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    display: inline-block;
}

.widget:after {
    right: 5%;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}

.widget.margin-bottom-none {
    margin-bottom: 0;
}

.widget.widget-gray {
    background: #f5f5f5;
}

.widget.widget-gray .widget-head {
    background: #e9e9e9;
    border-color: #d1d2d3;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
}

.widget.widget-gray .widget-head .heading {
    color: #555555;
    text-shadow: 0 1px 0 #fff;
}

.widget.widget-gray .widget-head .heading.glyphicons i:before {
    background: none;
    color: #555;
    border-color: rgba(0, 0, 0, 0.1);
}

.widget.widget-2:before,
.widget.widget-2:after {
    display: none;
}

.widget.widget-2 .widget-head {
    background: #e2e2e4;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0);
    height: 36px;
    line-height: 36px;
    border-color: #d1d2d3;
}

.widget.widget-2 .widget-head .heading {
    line-height: 36px;
    color: #555555;
    text-shadow: 0 1px 0 #fff;
    font-size: 12pt;
}

.widget.widget-2 .widget-head .heading i:before {
    color: #555555;
    background: none;
    border: none;
    left: 3px;
    top: 2px;
}

.widget.widget-2 .widget-body {
    border: 1px solid #d1d2d3;
    border-top: 0;
    background: #f5f5f5;
}

.widget.widget-2.primary .widget-head {
    background: #da4c4c;
    border-color: #da4c4c;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset -1px -1px 1px rgba(0, 0, 0, 0.1);
}

.widget.widget-2.primary .widget-head .heading {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.widget.widget-2.primary .widget-head .heading i:before {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.widget.widget-3:before,
.widget.widget-3:after {
    display: none;
}

.widget.widget-3 .widget-head {
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    height: 36px;
    line-height: 36px;
}

.widget.widget-3 .widget-head .heading {
    display: block;
    text-align: center;
    float: none;
    line-height: 36px;
    height: 36px;
    color: #fff;
    text-shadow: 0 1px 0 #555555;
    text-transform: uppercase;
    font-size: 14pt;
}

.widget.widget-3 .widget-head .heading i:before {
    color: #fff;
    background: none;
    border: none;
    left: 3px;
    top: 0px;
    font-size: 20px;
    text-shadow: 0 1px 0 #555555;
}

.widget.widget-3 .widget-head .heading .glyphicons {
    vertical-align: middle;
    width: 35px;
    height: 36px;
    padding: 0;
}

.widget.widget-3 .widget-body {
    border: 1px solid #f1cbcb;
    border-top: 0;
    background: #fff;
}

.widget.widget-3 .widget-body.large {
    font-size: 35pt;
    font-weight: bold;
    text-shadow: 0 3px 0 #ececec;
    text-align: center;
    padding: 25px 0;
    vertical-align: middle;
    line-height: normal;
}

.widget.widget-3 .widget-body.large.cancellations span {
    line-height: 20px;
    text-align: left;
    font-size: 17pt;
    display: inline-block;
    text-shadow: none;
}

.widget.widget-3 .widget-body.large.cancellations span span {
    display: block;
}

.widget.widget-3 .widget-body.large.cancellations span span:first-child {
    color: #da4c4c;
    text-transform: uppercase;
    font-size: 13pt;
}

.widget.widget-3 .widget-footer {
    border: 1px solid #f1cbcb;
    background: #fff;
    border-top: none;
}

.widget.widget-3 .widget-footer a {
    float: none;
    color: #f1cbcb;
    width: auto;
    padding: 0 10px 0 30px;
    border-right: 1px solid #f1cbcb;
    text-decoration: none;
}

.widget.widget-3 .widget-footer a i:before {
    color: #f1cbcb;
    left: 5px;
}

.widget.widget-3 .widget-footer a:hover {
    color: #da4c4c;
}

.widget.widget-3 .widget-footer a:hover i:before {
    color: #da4c4c;
}

.widget.widget-3 .widget-footer.align-center {
    text-align: center;
}

.widget.widget-3 .widget-footer.align-center a:first-child {
    border-left: 1px solid #f1cbcb;
}

.widget.widget-3 .widget-footer.align-right {
    text-align: right;
}

.widget.widget-3 .widget-footer.align-right a:first-child {
    border-left: 1px solid #f1cbcb;
}

.widget.widget-3 .widget-footer.align-right a:last-child {
    border-right: none;
}

.widget.widget-tabs .tab-content {
    padding: 0;
}

.widget.widget-tabs .widget-head {
    background: #e1e1e3;
}

.widget.widget-tabs .widget-head ul {
    list-style: none;
    height: 36px;
    margin: 0;
    border-right: 1px solid #f5f5f5;
    display: inline-block;
}

.widget.widget-tabs .widget-head ul li {
    height: 36px;
    line-height: 36px;
    float: left;
    display: block;
    border-right: 1px solid #d1d2d3;
}

.widget.widget-tabs .widget-head ul li a {
    width: auto;
    height: auto;
    display: block;
    padding: 0 15px;
    color: #939393;
    border-left: 1px solid #f5f5f5;
}

.widget.widget-tabs .widget-head ul li a i:before {
    left: 5px;
    top: 3px;
    color: #9d9d9d;
    text-shadow: 0 1px 0 #fff;
}

.widget.widget-tabs .widget-head ul li a.glyphicons {
    padding: 0 15px 0 35px;
}

.widget.widget-tabs .widget-head ul li.active {
    background: #f5f5f5;
    height: 37px;
    color: #555555;
}

.widget.widget-tabs .widget-head ul li.active i:before {
    color: #7a7a7a;
}

.widget.widget-tabs .widget-head ul li:first-child {
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.widget.widget-tabs .widget-head ul li:first-child a {
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.widget.widget-tabs .widget-body.large {
    padding: 25px;
}

.widget.widget-body-white .widget-body {
    background: #fff;
}

p.glyphicons {
    padding: 5px 0 10px 75px;
}

p.glyphicons i:before {
    color: #D67170;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    font-size: 45pt;
    top: -10px;
}

p.glyphicons.right {
    padding: 0 75px 0 0;
}

p.glyphicons.right i:before {
    left: auto;
    right: 0;
}

p.glyphicons.envelope i:before {
    top: -5px;
}

.nav-tabs>li>a:hover,
.nav-pills>li>a,
.nav-pills>li>a:hover {
    background: #da4c4c;
    border-bottom-color: #da4c4c;
    color: #fff;
}

.nav-tabs {
    border-bottom-color: #da4c4c;
}

.nav-tabs>li>a {
    padding: 6px 8px;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
    background: #da4c4c;
    border-top-color: #da4c4c;
    border-left-color: #da4c4c;
    border-right-color: #da4c4c;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
}

.nav-pills a {
    cursor: pointer;
    color: #BAAC98;
    border-bottom: 1px solid #E1D6C7;
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover {
    background: #f7f0e8 url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/pattern-granite.png") repeat;
    border-top-color: #e0d5c6;
    border-left-color: #e0d5c6;
    border-right-color: #e0d5c6;
    background: #D67170;
    color: #F7F0E8;
}

.nav-pills .glyphicons {
    padding-left: 25px;
}

.nav-pills .glyphicons i:before {
    position: relative;
    font-size: 14px;
    left: -10px;
    top: 2px;
    color: #F5EADB;
    font-weight: normal;
    text-shadow: none;
}

.tab-content {
    overflow: visible;
}

.label-important {
    background: #da4c4c;
}

.label-block {
    display: block;
}


/* Tables */

.table {
    margin: 0;
    position: relative;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #f8f8f8;
}

.table th,
.table td {
    border-top-color: #f8f8f8;
}

.table td.center,
.table th.center {
    text-align: center;
}

.table td.right,
.table th.right {
    text-align: right;
}

.table-condensed {
    font-size: 10pt;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 10px;
}

.table-bordered {
    border-color: #d7d8da;
}

.table-bordered th,
.table-bordered td {
    border-color: #d7d8da;
}

.table-fill td {
    background: #F8F8F8;
}

.table .progress:last-child,
.table .alert:last-child {
    margin: 0;
}

.table .shortRight {
    width: 25%;
    text-align: right;
}

.table-large-spacing td {
    padding: 20px 15px;
}

.table .thead td {
    padding: 8px;
    font-weight: bold;
}

.table-vertical-center td,
.table-vertical-center th {
    vertical-align: middle;
}

.table-primary {
    border-color: #f1cbcb;
    border-top: none;
    -webkit-border-radius: 8px 8px 5px 5px;
    -moz-border-radius: 8px 8px 5px 5px;
    border-radius: 8px 8px 5px 5px;
}

.table-primary thead th {
    border-color: #da4c4c;
    background-color: #da4c4c;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.table-primary thead:first-child tr:first-child>th:first-child,
.table-primary thead:first-child tr:first-child>th:last-child {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.table-primary.table-thead-simple thead th {
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #f1cbcb;
    color: #555;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    text-shadow: none;
    text-transform: none;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
}

.table-primary tbody td {
    color: #484c50;
    background: #fbefef;
    border-width: 0px;
}

.table-primary tbody td.important {
    color: #da4c4c;
}

.table-primary tbody td.actions {
    padding-right: 1px;
}

.table-primary.table-bordered tbody td {
    border-color: #f1cbcb;
    border-width: 1px;
    box-shadow: 0 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    -moz-box-shadow: 0 0 0 1px #fff inset;
}

.table-primary tbody tr:nth-child(odd) td,
.table-primary tbody tr:nth-child(odd) th {
    background: #fff;
}

.table-primary tbody tr.selectable td {
    cursor: pointer;
}

.table-primary tbody tr.selected td,
.table-primary tbody tr.selectable:hover td {
    background: #f7dbdb;
    box-shadow: 0 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    -moz-box-shadow: 0 0 0 1px #fff inset;
}

.circular-item {
    position: relative;
    display: block;
}

.circular-item .glyphicons {
    position: absolute;
    top: 48%;
    left: 50%;
    margin-left: -18px;
    margin-top: -50px;
}

.finances_cashflow .amount {
    font-size: 25pt;
    font-weight: bold;
    text-shadow: 0 3px 0 #ECECEC;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    line-height: normal;
}

.finances_cashflow .target {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 55%;
    left: 0;
}

.finances_cashflow .glyphicons.btn-action.single {
    width: 35px;
    height: 35px;
    margin-right: 0;
}

.finances_cashflow .glyphicons.btn-action.single i:before {
    width: 35px;
    height: 35px;
    font-size: 24px;
    left: 0px;
}


/* Pagination */

.pagination ul {
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.pagination ul>li>a:hover {
    border-color: #da4c4c;
    background: #da4c4c;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    border-color: #da4c4c;
    background: #da4c4c;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
}

.pagination ul>li>a,
.pagination ul>li>span {
    border-color: #F1CBCB;
}

.pagination ul>.disabled>a,
.pagination ul>.disabled>span {
    border-color: rgba(218, 76, 76, 0.2);
    background: rgba(218, 76, 76, 0.02);
    color: rgba(218, 76, 76, 0.5);
}

.pagination ul>.disabled>a:hover {
    border-color: rgba(218, 76, 76, 0.2);
    background: rgba(218, 76, 76, 0.02);
    color: rgba(218, 76, 76, 0.5);
    text-shadow: none;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);
}

.google-visualization-table-div-page {
    margin: 10px 0 0 0 !important;
}

.google-visualization-table-div-page .a-d-e-h-g {
    padding: 0;
    border: none;
    margin: 0;
}

.google-visualization-table-div-page .a-d-e-f-g,
.google-visualization-table-div-page .a-d-e-h-g {
    border-style: none;
}

.google-visualization-table-div-page .a-d-e-o-q .a-d-e-h-g {
    border: none;
}

.google-visualization-table-div-page .a-d-e {
    background: none;
    margin-left: 5px;
}

.google-visualization-table-div-page .a-d-e.a-d-e-o-p {
    margin-left: 0;
}

.google-visualization-table-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #D7D8DA;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 10pt;
    background: none !important;
}

.google-visualization-table-table td,
.google-visualization-table-table .tableHeaderRow td {
    padding: 4px 10px;
    border: none;
    border-left: 1px solid #D7D8DA;
    border-top: 1px solid #D7D8DA;
    line-height: 20px;
}

.google-visualization-table-table .tableHeaderRow td {
    font-weight: bold;
    vertical-align: bottom;
}

.google-visualization-table-table tbody tr:nth-child(odd) td,
.google-visualization-table-table tbody tr:nth-child(odd) td {
    background-color: rgba(255, 255, 255, 0.5);
}

.google-visualization-table-table .tableHeaderRow:first-child tr:first-child>td:first-child,
.google-visualization-table-table tbody:first-child tr:first-child>td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.google-visualization-table-table .tableHeaderRow:first-child tr:first-child>td:last-child,
.google-visualization-table-table tbody:first-child tr:first-child>td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.google-visualization-table-table tbody:last-child tr:last-child>td:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.google-visualization-table-table tbody:last-child tr:last-child>td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}

.google-visualization-table-table .tableHeaderRow:first-child tr:first-child td,
.google-visualization-table-table tbody:first-child tr:first-child td {
    border-top: 0;
}


/* Accordions */

.accordion-group {
    border-color: #CBCCCD;
}

.accordion-inner {
    font-size: 13px;
    background: #F5F5F5;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.accordion-heading .accordion-toggle {
    background: #da4c4c;
    color: #fff;
    text-decoration: none;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.alert {
    margin: 0 0 10px;
    text-shadow: 0 1px 0 #fff;
    border-color: rgba(192, 152, 83, 0.7);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.7) inset, 0 1px 0 rgba(255, 255, 255, 0.9);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.7) inset, 0 1px 0 rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.7) inset, 0 1px 0 rgba(255, 255, 255, 0.9);
}

.alert h4 {
    margin: 0 0 5px;
}

.alert.alert-error {
    background: #f9e5e5;
    color: #da4c4c;
    border-color: #e9a5a5;
}

.alert.alert-error .close {
    color: #da4c4c;
}

.alert.alert-error h4 {
    color: #da4c4c;
}

.alert.alert-info {
    background: #dff3f8;
    color: #7399b9;
    border-color: #93b9d8;
}

.alert.alert-info .close {
    color: #7399b9;
}

.alert.alert-success {
    border-color: rgba(96, 148, 80, 0.7);
}

.alert.alert-success .close {
    color: #468847;
}

.alert .close {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #c09853;
}

.progress .bar {
    background-color: #D7D8DA;
}

.progress.progress-info .bar {
    background-color: #93b9d8;
}

.progress.progress-succes .bar {
    background-color: #468847;
}

.progress.progress-danger .bar {
    background-color: #da4c4c;
}

.sliders-vertical span {
    height: 120px;
    float: left;
    margin: 15px;
}

.ui-widget-header {
    border-color: #da4c4c;
    background: #da4c4c;
    color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fbefef;
    border-color: #f1cbcb;
    color: #d4a6a6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #da4c4c;
    color: #fff;
}

.ui-widget-content {
    border: none;
}

.ui-datepicker-inline {
    width: 100%;
    padding: 0;
}

.ui-slider-wrap {
    display: block;
    padding: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.05) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.ui-slider-wrap .ui-slider {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.ui-slider-wrap .ui-slider-horizontal {
    height: 10px;
}

.ui-slider-wrap .ui-slider-horizontal .ui-slider-handle {
    top: -5px;
}

.ui-slider-wrap .ui-slider-vertical .ui-slider-handle {
    left: -4px;
}

.ui-slider-wrap .ui-slider-handle {
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    background: #fff;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.3);
    width: 13px;
    height: 13px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.ui-slider-wrap .ui-slider-range {
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    background: rgba(0, 0, 0, 0.2);
}

.ui-slider-wrap .slider-primary .ui-slider-handle {
    border-color: #da4c4c;
}

.ui-slider-wrap .slider-primary .ui-slider-range {
    background: #da4c4c;
}

.ui-slider-wrap .slider-warning .ui-slider-handle {
    border-color: #FBB450;
}

.ui-slider-wrap .slider-warning .ui-slider-range {
    background: #FBB450;
}

.ui-slider-wrap .slider-success .ui-slider-handle {
    border-color: #609450;
}

.ui-slider-wrap .slider-success .ui-slider-range {
    background: #609450;
}

.ui-slider-wrap .slider-inverse .ui-slider-handle {
    border-color: #3F4246;
}

.ui-slider-wrap .slider-inverse .ui-slider-range {
    background: #3F4246;
}

.ui-slider-wrap .slider-info .ui-slider-handle {
    border-color: #93B9D8;
}

.ui-slider-wrap .slider-info .ui-slider-range {
    background: #93B9D8;
}

.sliders-vertical {
    position: relative;
    margin: 0 auto;
    display: inline-block;
}

.sliders-vertical .ui-slider-wrap {
    margin: 0 5px;
}

.sliders-vertical .ui-slider {
    margin: 0;
}

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

blockquote p {
    font-family: 'Dancing Script', cursive;
    font-weight: 400;
    font-size: 25pt;
    margin: 0 0 10px;
}

blockquote small {
    color: #BAAC98;
}

.vertical-range-slider .ui-slider-wrap {
    display: inline-block;
    margin: 0 auto;
}

.separator {
    margin: 18px 0;
}

.separator.bottom {
    margin: 0 0 18px;
}

.separator.top {
    margin: 18px 0 0;
}

hr {
    border-top-color: #cbcccd;
    margin: 2.127659574468085% 0;
}

.breadcrumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    margin: 0;
}

.breadcrumb a {
    color: #da4c4c;
}

.breadcrumb .glyphicons {
    color: #da4c4c;
    padding: 0 0 0 20px;
}

.breadcrumb .glyphicons i:before {
    color: #da4c4c;
    font-size: 14px;
    top: 3px;
}

.breadcrumb .divider {
    margin: 0 3px;
    width: 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #bfc2c5;
    height: 10px;
}

.well {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 1px rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border: none;
    z-index: 1;
    position: relative;
}

.well.small {
    padding: 10px;
}

.well .popover {
    z-index: 2;
    font-size: 13px;
}

.btn-block {
    width: 100%;
    padding: 5px 0;
}

.btn-group-vertical.block {
    display: block;
}

.btn-default {
    background: #e8e8e8;
    border: 1px solid #bec0c6;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    color: rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 0 #fff;
    font-weight: 600;
}

.btn-group.open .btn-default.dropdown-toggle,
.btn-default.disabled,
.btn-default[disabled],
.btn-default:hover {
    background: #e8e8e8;
}

.btn-default .caret {
    border-top-color: rgba(0, 0, 0, 0.5);
}

.btn {
    font-weight: 600;
}

.btn-warning {
    background: #FBB450;
    border: 1px solid #FBB450;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn-warning.glyphicons i:before {
    color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
}

.btn-group.open .btn-warning.dropdown-toggle,
.btn-warning.disabled,
.btn-warning[disabled],
.btn-warning:hover {
    background: #FBB450;
    color: #fff;
}

.btn-warning .caret {
    border-top-color: rgba(255, 255, 255, 0.7);
    border-bottom-color: rgba(255, 255, 255, 0.7);
}

.btn-info {
    background: #93B9D8;
    border: 1px solid #93B9D8;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn-info.glyphicons i:before {
    color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
}

.btn-group.open .btn-info.dropdown-toggle,
.btn-info.disabled,
.btn-info[disabled],
.btn-info:hover {
    background: #93B9D8;
    color: #fff;
}

.btn-info .caret {
    border-top-color: rgba(255, 255, 255, 0.7);
    border-bottom-color: rgba(255, 255, 255, 0.7);
}

.btn-primary {
    background: #da4c4c;
    border: 1px solid #da4c4c;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn-primary.glyphicons i:before {
    color: rgba(255, 255, 255, 0.4);
    text-shadow: none;
}

.btn-group.open .btn-primary.dropdown-toggle,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary:hover {
    background: #da4c4c;
    color: #fff;
}

.btn-primary .caret {
    border-top-color: #f5b6b7;
    border-bottom-color: #f5b6b7;
}

.btn-inverse {
    background: #3f4246;
    border: 1px solid #292a2c;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn-inverse.glyphicons i:before {
    color: #919293;
    text-shadow: none;
}

.btn-group.open .btn-inverse.dropdown-toggle,
.btn-inverse.disabled,
.btn-inverse[disabled],
.btn-inverse:hover {
    background: #3f4246;
    color: #fff;
}

.btn-inverse .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.btn-success {
    background: #609450;
    border: 1px solid #709f61;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.btn-success.glyphicons i:before {
    color: #a2bc9b;
    text-shadow: none;
}

.btn-group.open .btn-success.dropdown-toggle,
.btn-success.disabled,
.btn-success[disabled],
.btn-success:hover {
    background: #609450;
    color: #fff;
}

.btn-success .caret {
    border-top-color: #a2bc9b;
    border-bottom-color: #a2bc9b;
}


/* Flot */

#flotTip {
    white-space: nowrap;
    border: 1px solid #da4c4c;
    padding: 3px 8px;
    background: #da4c4c;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 100;
    color: #fff;
}

.finances_summary .well {
    font-size: 16px;
    text-align: center;
}

.finances_summary .well strong {
    display: block;
    font-size: 22pt;
    color: #45494c;
    line-height: normal;
}

.finances_summary .glyphicons.standard i:before {
    color: #cccccc;
}

.glyphicons.standard {
    width: 24px;
    height: 24px;
    padding: 0;
}

.glyphicons.single {
    color: #da4c4a;
    padding: 0 0 0 20px;
}

.glyphicons.single i:before {
    font-size: 13px;
    top: 4px;
    color: #da4c4a;
}

.glyphicons.text-error {
    color: #da4c4c;
}

.glyphicons.text-error i:before {
    color: #da4c4c;
}

.glyphicons.text-info {
    color: #5d92b3;
}

.glyphicons.text-info i:before {
    color: #5d92b3;
}

.glyphicons.text-success {
    color: #719d46;
}

.glyphicons.text-success i:before {
    color: #719d46;
}

.glyphicons.btn-action {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
    width: 25px;
    height: 25px;
    padding: 0;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
}

.glyphicons.btn-action i:before {
    font-size: 14px;
    top: 5px;
    left: 5px;
    text-shadow: 0 1px 0 #fff;
}

.glyphicons.btn-action.btn-info {
    background: #c2d5e1;
    border-color: #c2d5e1;
}

.glyphicons.btn-action.btn-info i:before {
    color: #5d92b3;
}

.glyphicons.btn-action.btn-success {
    background: #d1e1c2;
    border-color: #d1e1c2;
}

.glyphicons.btn-action.btn-success i:before {
    color: #719d46;
}

.glyphicons.btn-action.btn-danger {
    background: #f7b6b6;
    border-color: #f7b6b6;
}

.glyphicons.btn-action.btn-danger i:before {
    color: #da4c4c;
}

.glyphicons.btn-action.single {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
    background: none;
    margin-right: 10px;
}

.glyphicons.btn-icon {
    padding: 5px 7px 5px 40px;
}

.glyphicons.btn-icon i:before {
    font-size: 15px;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    width: 33px;
    height: 23px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    vertical-align: middle;
    padding: 7px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
}

.glyphicons.btn-icon.right {
    text-align: left;
    padding: 5px 0 5px 7px;
}

.glyphicons.btn-icon.right i:before {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    right: 0;
    left: auto;
    border-right: none;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
}

.glyphicons.btn-large {
    padding: 10px 10px 10px 40px;
    font-weight: 600;
}

.glyphicons.btn-large i:before {
    top: 12px;
    left: 12px;
    font-size: 17px;
}

.glyphicons.btn-large.btn-icon i:before {
    top: 0;
    left: 0;
    height: 28px;
    padding: 12px 0 0;
}

.glyphicons.btn-small {
    padding: 2px 10px 2px 35px;
}

.glyphicons.btn-small i:before {
    padding: 5px 0 0;
    width: 28px;
    height: 19px;
    font-size: 14px;
}

.glyphicons.btn-mini {
    padding: 1px 6px 1px 33px;
}

.glyphicons.btn-mini i:before {
    padding: 5px 0 0;
    width: 26px;
    height: 17px;
    font-size: 13px;
}

.glyphicons.orange i:before {
    color: #EDB459;
}

.glyphicons.btn-default i:before {
    color: #9e9e9e;
    text-shadow: none;
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(0, 0, 0, 0.3);
}

h4.glyphicons {
    padding: 0 0 0 35px;
    display: block;
}

h4.glyphicons i:before {
    font-size: 22px;
    font-weight: normal;
    color: #575655;
}

h2.glyphicons {
    padding: 0 0 0 45px;
    display: block;
}

h2.glyphicons i:before {
    font-size: 30px;
    font-weight: normal;
    left: 2px;
    top: 5px;
    color: #575655;
}

h2.glyphicons.cogwheels i:before {
    left: 5px;
}


/* Forms */

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,
.uneditable-input:focus {
    border-color: #E0D5C6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #e0d5c6;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #e0d5c6;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #e0d5c6;
}

select,
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"],
.uneditable-input {
    font-size: 13px;
}

.uniformjs .radio .disabled input[type="radio"],
.uniformjs .checkbox .disabled input[type="checkbox"] {
    margin-left: 0;
}

.uniformjs .radio,
.uniformjs .checkbox {
    padding-left: 0;
}

.uniformjs .radio {
    height: auto;
}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
    margin-left: 3px;
}

.uniformjs label.radio {
    margin-bottom: 0;
}

.uniformjs label.radio.inline {
    margin: 0;
}

.checkbox.inline {
    padding-bottom: 1px;
}

.uniformjs .radio span {
    margin: 2px 0 0;
}

.uniformjs .checkbox span {
    margin: -2px 0 0;
}

label,
input,
button,
select,
textarea {
    font-size: 13px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu {
    font-size: 13px;
}

.input-full input {
    width: 83%;
    height: 17px;
}

.loginbox form {
    margin: 0;
}

.loginbox .add-on {
    background: #fff;
}

.loginbox .add-on i:before {
    color: #7f8284;
}

.loginbox .forgot {
    margin-bottom: 5px;
    text-align: right;
    display: block;
}

legend {
    line-height: normal;
    height: auto;
    font-size: 18px;
    margin: 0 0 6px;
    text-align: left;
    padding: 0;
    border: 0;
    color: #797979;
}

.btn-group>.btn,
.btn-group>.dropdown-menu {
    font-size: 13px;
}

.strong {
    font-weight: bold;
}

input[type=text],
input[type=password],
select,
textarea {
    border-color: #D8D9DA;
    color: #757575;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}

.control-label.center {
    text-align: center;
}

.form-horizontal .form-actions {
    margin-top: 0;
}

.input-prepend .add-in,
.input-append .add-on {
    background: #fff;
}

.input-prepend .add-in i:before,
.input-append .add-on i:before {
    color: #D0D1D1;
}

.input-prepend .add-in icon,
.input-append .add-on icon {
    margin-top: 0;
}

.input-prepend .add-on.glyphicons,
.input-append .add-on.glyphicons {
    background: #fff;
}

.input-prepend .add-on.glyphicons i:before,
.input-append .add-on.glyphicons i:before {
    font-size: 14px;
    left: 7px;
    top: 7px;
    color: #D0D1D1;
}

.input-append .add-on.glyphicons i:before {
    left: 6px;
}


/* Gallery */

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

.gallery ul li {
    /*&.span2:nth-child(6n+7) { margin-left: 0; }
			&.span3:nth-child(4n+5) { margin-left: 0; }*/
}

.gallery ul li .thumb {
    position: relative;
    background: #da4c4c;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    z-index: 1;
}

.gallery.paper li {
    margin: 0;
}

.gallery.paper .thumb {
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    -o-perspective: 500px;
    -ms-perspective: 500px;
    perspective: 500px;
    position: relative;
}

.gallery.paper .thumb .arr {
    display: inline-block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
    position: absolute;
    right: 5px;
    bottom: 5px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
}

.gallery.paper .thumb .overlay {
    width: 60px;
    height: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    -ms-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
}

.gallery.paper .thumb .slice {
    width: 60px;
    height: 100%;
    z-index: 100;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    -moz-transition: -moz-transform 150ms ease-in-out;
    -o-transition: -o-transform 150ms ease-in-out;
    -ms-transition: -ms-transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out;
}

.gallery.paper .thumb .s2,
.gallery.paper .thumb .s3,
.gallery.paper .thumb .s4,
.gallery.paper .thumb .s5 {
    -webkit-transform: translate3d(60px, 0, 0);
    -moz-transform: translate3d(60px, 0, 0);
    -o-transform: translate3d(60px, 0, 0);
    -ms-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
}

.gallery.paper .thumb .s1 {
    background-position: 0px 0px;
}

.gallery.paper .thumb .s1>.overlay {
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
}

.gallery.paper .thumb .s2 {
    background-position: -60px 0px;
}

.gallery.paper .thumb .s2>.overlay {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.gallery.paper .thumb .s3 {
    background-position: -120px 0px;
}

.gallery.paper .thumb .s3>.overlay {
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.gallery.paper .thumb .s4 {
    background-position: -180px 0px;
}

.gallery.paper .thumb .s4>.overlay {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.gallery.paper .thumb .s5 {
    background-position: -240px 0px;
}

.gallery.paper .thumb .s5>.overlay {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.gallery.paper .thumb:hover .s2 {
    -webkit-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -45deg);
    -moz-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -45deg);
    -o-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -45deg);
    -ms-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -45deg);
    transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -45deg);
}

.gallery.paper .thumb:hover .s3,
.gallery.paper .thumb:hover .s5 {
    -webkit-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, 90deg);
    -moz-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, 90deg);
    -o-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, 90deg);
    -ms-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, 90deg);
    transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, 90deg);
}

.gallery.paper .thumb:hover .s4 {
    -webkit-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -90deg);
    -moz-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -90deg);
    -o-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -90deg);
    -ms-transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -90deg);
    transform: translate3d(59px, 0, 0) rotate3d(0, 1, 0, -90deg);
}

.gallery.paper .thumb .back {
    position: absolute;
    right: 10px;
    left: 10px;
    top: 10px;
    bottom: 10px;
    z-index: 0;
    display: block;
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 #e47d7d inset;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 #e47d7d inset;
}

.gallery.paper .thumb .back .btn {
    float: right;
    margin: 1px;
}

.gallery.paper .thumb img {
    position: relative;
    z-index: 0;
    -webkit-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}


/* Site pages */

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

.pages ul li {
    display: block;
    background: #dfdfdf;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0);
    margin-bottom: 2.127659574468085%;
    border: 1px solid #bec0c6;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 15px 15px 65px;
    color: #9e9e9e;
    text-shadow: 0 1px 0 #fff;
}

.pages ul li>i:before {
    font-size: 40px;
    left: 12px;
    top: 16px;
    color: #9e9e9e;
}

.pages ul li.span3:nth-child(4n+5) {
    margin-left: 0;
}

.pages ul li strong {
    font-size: 11pt;
    padding: 3px 0 5px;
    display: block;
}

.pages ul li .actions {
    display: block;
}

.pages ul li .actions .glyphicons {
    padding: 0 2px 0 20px;
    color: #9e9e9e;
}

.pages ul li .actions .glyphicons i:before {
    font-size: 15px;
    top: 3px;
    color: #9e9e9e;
}

.pages ul li .actions .glyphicons.pencil i:before {
    content: "\270F";
    font-size: 14px;
}

.pages ul li .actions .glyphicons.edit i:before {
    top: 1px;
}

.pages ul li:hover,
.pages ul li.primary {
    background-color: #da4c4c;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    border-color: #da4c4c;
}

.pages ul li:hover .glyphicons,
.pages ul li.primary .glyphicons {
    color: #fff;
}

.pages ul li:hover .glyphicons i:before,
.pages ul li.primary .glyphicons i:before {
    color: #f4cbcb;
}

.pages ul li:hover i:before,
.pages ul li.primary i:before {
    color: #f4cbcb;
}


/* Calendar */

#external-events ul {
    list-style: none;
    margin: 0;
}

#external-events li {
    margin: 0 0 5px;
    padding: 2px 5px;
    background: #da4c4c;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    font-size: .85em;
    cursor: pointer;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
}

#external-events li.glyphicons {
    padding: 2px 5px 2px 30px;
    display: block;
}

#external-events li.glyphicons i:before {
    font-size: 14px;
    color: #fff;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.fc-header-title h2 {
    font-size: 16pt;
    line-height: 25px;
}

.fc-event-skin {
    border-color: #da4c4c;
    background-color: #da4c4c;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px 1px rgba(0, 0, 0, 0.2);
}

.fc-event-time,
.fc-event-title {
    padding: 0 5px;
}

#calendar .btn-group .btn-primary {
    margin-right: 2px;
}

pre.prettyprint {
    word-break: normal;
    word-wrap: normal;
    white-space: pre;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #f8f8f8), color-stop(50%, #eeeeee));
    background-image: -webkit-linear-gradient(#f8f8f8 50%, #eeeeee 50%);
    background-image: -moz-linear-gradient(#f8f8f8 50%, #eeeeee 50%);
    background-image: -o-linear-gradient(#f8f8f8 50%, #eeeeee 50%);
    background-image: linear-gradient(#f8f8f8 50%, #eeeeee 50%);
    -moz-background-size: 38px 38px;
    background-size: 38px 38px;
    border: 1px solid #d7d8da;
    display: block;
    line-height: 19px;
    margin-bottom: 10px;
    overflow: visible;
    overflow-y: hidden;
    padding: 0 0 0 4px;
}

pre.prettyprint .glyphicons {
    padding: 0 0 0 20px;
}

pre.prettyprint .glyphicons i:before {
    font-size: 17px;
    top: 1px;
}

.highlight-1 {
    background: #D67170;
    display: inline-block;
    padding: 0 5px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    font-weight: bold;
}

.lt-ie9 .widget .widget-body.list ul li {
    border-bottom: 1px solid #efefef;
}

.lt-ie9 .navbar.main .notif li a span {
    background: #fafafa;
}


/* Documentation */

.documentation ul ul {
    margin-bottom: 10px;
}

.documentation .span3 .menu.affix {
    position: fixed;
    top: 20px;
    width: 220px;
}

.documentation #docs_icons {
    padding: 20px 0;
}

.documentation #docs_icons .glyphicons {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 120px;
    font-size: 12px;
    line-height: 48px;
    overflow: hidden;
}

.documentation #docs_icons .glyphicons i:before {
    line-height: 55px !important;
}

.documentation .show-grid {
    margin-top: 10px;
    margin-bottom: 20px;
}

.documentation .show-grid [class*="span"] {
    background-color: #535a5e;
    text-align: center;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    min-height: 40px;
    line-height: 40px;
    color: #fff;
}

.documentation .show-grid .show-grid {
    margin-top: 0;
    margin-bottom: 0;
}

.documentation .show-grid .show-grid [class*="span"] {
    background-color: #848d93;
}

.thumb {
    border: 1px solid rgba(0, 0, 0, 0.3);
    display: inline-block;
}


/* Responsive */

@media (min-width: 980px) {}

@media (max-width: 979px) {}

@media (max-width: 767px) {
    body {
        padding: 0;
    }
    .row {
        padding: 0 15px;
    }
    .row .row {
        padding: 0;
    }
    .nav-tabs>li>a {
        font-size: 10pt;
    }
    .nav-tabs>li>a,
    .nav-pills>li>a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .documentation .span3 .menu.affix {
        position: relative;
        top: 0;
        width: auto;
    }
    .phone-margin.bottom {
        margin: 0 0 10px;
    }
    .right-menu .col.main-right,
    .col.main-right {
        left: 0;
    }
    .right-menu .col.main-right .inner,
    .col.main-right .inner {
        padding: 2.127659574468085%;
    }
    .navbar.main .btn-navbar.hide {
        display: none !important;
    }
    .well {
        padding: 5px;
    }
    .widget .widget-body {
        padding: 10px 5px;
    }
    .widget.margin-bottom-none {
        margin-bottom: 20px;
    }
    .navbar.main .notif li {
        padding: 0 0 0 15px;
    }
    #footer,
    .left-menu #footer,
    .right-menu #footer,
    .top-menu #footer {
        left: 0;
        right: 0;
    }
    .top-menu .col.main-right .inner.topRight {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    h1,
    h2,
    h3 {
        line-height: 30px;
    }
    h1,
    h2,
    h3 {
        font-size: 18pt;
    }
    .row {
        padding: 0 5px;
    }
    .row .row {
        padding: 0;
    }
    .separator {
        margin: 10px 0;
    }
    .table-condensed th,
    .table-condensed td {
        padding: 4px 5px;
    }
    p.glyphicons {
        padding: 5px 0 10px 55px;
    }
    p.glyphicons i:before {
        color: #D67170;
        font-size: 35pt;
        top: 0;
    }
    p.glyphicons.right {
        padding: 0 55px 0 0;
    }
}

@media (max-width: 320px) {
    .nav-tabs>li,
    .nav-tabs>li>a,
    .nav-tabs>li>a:hover {
        display: block;
        float: none;
        margin: 0 0 -1px;
        border-color: #da4c4c;
    }
    .nav-tabs>li:hover {
        border-color: #da4c4c;
    }
    .nav-tabs>li,
    .nav-tabs>li>a {
        border-color: #E0D5C6;
        background: #F5EADB;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }
}

@media (max-width: 240px) {}

@media (max-width: 979px) and (min-width: 768px) {}

@media (max-width: 979px) and (min-width: 480px) {}


/* High-Res / Retina */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {}


/* Responsive Tables */

@media only screen and (max-width: 979px) {
    .table-responsive.swipe-horizontal {
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative;
        width: 100%;
        border-left: 1px solid #DDD;
    }
    .table-responsive.swipe-horizontal th,
    .table-responsive.swipe-horizontal td {
        display: block;
        margin: 0;
        vertical-align: top;
    }
    .table-responsive.swipe-horizontal th {
        text-align: right;
        border-bottom: 0;
        border-left: 0;
    }
    .table-responsive.swipe-horizontal td {
        min-height: 1.25em;
        text-align: left;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-top: 0;
    }
    .table-responsive.swipe-horizontal thead {
        display: block;
        float: left;
    }
    .table-responsive.swipe-horizontal thead tr {
        display: block;
    }
    .table-responsive.swipe-horizontal tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
        word-spacing: 0;
        letter-spacing: 0;
        font-size: 0;
    }
    .table-responsive.swipe-horizontal tbody tr {
        display: inline-block;
        vertical-align: top;
        border-left: 1px solid #d7d8da;
    }
    .table-responsive.block {
        /* Force table to not be like tables anymore */
        /* Hide table headers (but not display: none;, for accessibility) */
        /*
  			Label the data
  			*/
    }
    .table-responsive.block table,
    .table-responsive.block thead,
    .table-responsive.block tbody,
    .table-responsive.block th,
    .table-responsive.block td,
    .table-responsive.block tr {
        display: block;
    }
    .table-responsive.block thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .table-responsive.block tr {
        border: 1px solid #d7d8da;
    }
    .table-responsive.block td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #d7d8da;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    .table-responsive.block td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        vertical-align: middle;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: right;
        font-weight: bold;
    }
    .table-responsive.block td:before {
        content: attr(data-title);
    }
}


/* Preview screen only */

body.choose {
    background: #d2d1cf;
    text-align: center;
    overflow: visible;
}

body.choose hr {
    border-bottom-color: #e8e8e8;
    border-top-color: #aeaeae;
}

body.choose h1 {
    font-size: 24.5px;
}

body.choose h1 span {
    color: #da4c4c;
}

body.choose ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.choose ul li {
    height: 40px;
    line-height: 40px;
}

body.choose ul li span {
    display: inline-block;
    width: 130px;
    text-align: left;
}

body.choose #choose-preview {
    width: 470px;
    height: 366px;
    background: url("https://secure.ab-plus.com/statclient/v3/theme/less/../images/choose-preview.jpg") no-repeat;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

body.choose #choose-preview>span {
    width: 357px;
    height: 222px;
    line-height: 222px;
    background: #222;
    color: #efefef;
    position: absolute;
    left: 57px;
    top: 17px;
}

body.choose #choose-preview>span span {
    display: block;
}

@media (max-width: 767px) {
    body.choose ul li {
        height: auto;
        text-align: center;
        line-height: normal;
    }
    body.choose ul li span {
        width: 100%;
        display: block;
        text-align: center;
        padding: 0 0 5px;
    }
    body.choose #choose-preview {
        background: none;
        width: 357px;
        height: 222px;
    }
    body.choose #choose-preview>span {
        left: 0;
        top: 0;
    }
}