@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
.jcrop-holder {
    direction: ltr;
    text-align: left
}

.jcrop-vline,
.jcrop-hline {
    background: #fff url(data:image/gif;base64, R0lGODlhCAAIAJEAAKqqqv///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAAACwAAAAACAAIAAACDZQFCadrzVRMB9FZ5SwAIfkECQoAAAAsAAAAAAgACAAAAg+ELqCYaudeW9ChyOyltQAAIfkECQoAAAAsAAAAAAgACAAAAg8EhGKXm+rQYtC0WGl9oAAAIfkECQoAAAAsAAAAAAgACAAAAg+EhWKQernaYmjCWLF7qAAAIfkECQoAAAAsAAAAAAgACAAAAg2EISmna81UTAfRWeUsACH5BAkKAAAALAAAAAAIAAgAAAIPFA6imGrnXlvQocjspbUAACH5BAkKAAAALAAAAAAIAAgAAAIPlIBgl5vq0GLQtFhpfaIAACH5BAUKAAAALAAAAAAIAAgAAAIPlIFgknq52mJowlixe6gAADs=);
    font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 1px !important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 1px !important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-handle {
    background-color: #333;
    border: 1px #eee solid;
    width: 7px;
    height: 7px;
    font-size: 1px
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -4px
}

.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
    background: #fff;
    filter: alpha(opacity=70) !important;
    opacity: .7 !important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #fff;
    border-radius: 3px
}

.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
    background: #000;
    filter: alpha(opacity=70) !important;
    opacity: .7 !important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border-color: #000;
    border-radius: 3px
}

.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
    background: #fff
}

.jcrop-holder img,
img.jcrop-preview {
    max-width: none
}

.zone-instance.outline {
    border: 1px dashed #909090;
    min-height: 30px;
    min-width: 50px;
    position: relative;
    margin: 1px;
    border-radius: 3px;
    float: left;
    width: 100%;
    z-index: 1049
}

.zone-configuration {
    background: #222;
    border: 1px solid #090909;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    height: 26px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 25px;
    z-index: 1000;
    right: auto
}

.zone-configuration p {
    float: left
}

.zone-configuration-bar {
    color: #d5d5d5;
    display: inline-block;
    float: left;
    left: 24px;
    margin-left: 6px;
    margin-right: -999em;
    overflow: hidden;
    position: absolute
}

.zone-configuration-bar span {
    display: block;
    float: left;
    font-size: 10px;
    padding-right: 20px;
    margin-top: 4px
}

.block-configuration {
    background: #222;
    border: 1px solid #090909;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    height: 26px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 26px;
    z-index: 1049
}

.block-instance.outline {
    min-height: 36px;
    clear: both;
    display: block;
    position: relative
}

.config-bar {
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.4)
}

.config-bar>a {
    text-decoration: none;
    padding: 0 !important;
    margin: 0 !important
}

.config-bar a i.fa {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
    font-size: 18px;
    color: #d5d5d5;
    margin-right: 10px
}

.block-configuration-bar {
    color: #d5d5d5;
    display: inline-block;
    float: left;
    left: 24px;
    margin-left: 6px;
    margin-right: -999em;
    overflow: hidden;
    position: absolute
}

.block-configuration-bar .btn {
    margin-right: 12px;
    color: #d5d5d5;
    text-shadow: none
}

.block-configuration-bar span {
    display: block;
    float: left;
    font-size: 10px;
    padding-right: 20px;
    margin-top: 3px
}

#cms-admin-footer {
    bottom: 0;
    width: 100%;
    height: 36px;
    z-index: 1049;
    position: fixed;
    right: 0;
    margin-right: 0;
    background: #222;
    border-color: #090909;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    color: #d5d5d5;
    padding: 8px 12px 0 12px;
    -webkit-transition: .5s;
    transition: .5s
}

#cms-admin-footer>span {
    display: none;
    text-align: center;
    margin-bottom: 4px;
    font-size: 12px;
    margin-top: 3px
}

#cms-admin-footer a {
    font-size: 16px
}

#cms-admin-footer .button-bar {
    margin-top: -8px;
    margin-left: 12px;
    text-align: center
}

#cms-admin-footer .button-bar a {
    background-color: transparent;
    background-image: none;
    border: 0
}

#cms-admin-footer .btn {
    color: #d5d5d5;
    box-shadow: none;
    text-shadow: none
}

@media (min-width:768px) {
    #cms-admin-footer {
        opacity: 0
    }
    #cms-admin-footer:hover {
        opacity: 1
    }
    #cms-admin-footer>span {
        display: block;
        text-align: left;
        float: left
    }
    #cms-admin-footer .button-bar {
        float: right
    }
}


/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
 */

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0
}

.modal {
    left: 50%;
    bottom: auto;
    right: auto;
    padding: 0;
    width: 500px;
    margin-left: -250px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box
}

.modal.container {
    max-width: none
}


/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.modal-open {
    overflow: hidden
}

.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
    overflow-y: scroll
}

@media (max-width:979px) {
    .modal-open.page-overflow .page-container .navbar-fixed-top,
    .modal-open.page-overflow .page-container .navbar-fixed-bottom {
        overflow-y: visible
    }
}

.modal-scrollable {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

.modal {
    outline: none;
    position: absolute;
    margin-top: 0;
    top: 50%;
    overflow: visible
}

.modal.fade {
    top: -100%;
    -webkit-transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out, bottom .3s ease-out, margin-top .3s ease-out
}

.modal.fade.in {
    top: 50%
}

.modal-body {
    max-height: none;
    overflow: visible
}

.modal.modal-absolute {
    position: absolute;
    z-index: 950
}

.modal .loading-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 6px
}

.modal-backdrop.modal-absolute {
    position: absolute;
    z-index: 940
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: .7;
    filter: alpha(opacity=70);
    background: #fff
}

.modal.container {
    width: 940px;
    margin-left: -470px
}

.modal-overflow.modal {
    top: 1%
}

.modal-overflow.modal.fade {
    top: -100%
}

.modal-overflow.modal.fade.in {
    top: 1%
}

.modal-overflow .modal-body {
    -webkit-overflow-scrolling: touch
}

@media (min-width:1200px) {
    .modal.container {
        width: 1170px;
        margin-left: -585px
    }
}

@media (max-width:979px) {
    .modal,
    .modal.container,
    .modal.modal-overflow {
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .modal.fade.in,
    .modal.container.fade.in,
    .modal.modal-overflow.fade.in {
        top: 1%;
        bottom: auto
    }
    .modal-body,
    .modal-overflow .modal-body {
        position: static;
        margin: 0;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important
    }
    .modal-footer,
    .modal-overflow .modal-footer {
        position: static
    }
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.modal-content.rock-modal,
.rock-modal .modal-content {
    border: 0;
    background-color: #fff;
    color: #333
}

.modal-content.rock-modal .modal-header,
.rock-modal .modal-content .modal-header {
    background-color: #222;
    color: #d5d5d5;
    padding: 5px 15px;
    min-height: 34px
}

.modal-content.rock-modal .modal-header:before,
.rock-modal .modal-content .modal-header:before,
.modal-content.rock-modal .modal-header:after,
.rock-modal .modal-content .modal-header:after {
    content: " ";
    display: table
}

.modal-content.rock-modal .modal-header:after,
.rock-modal .modal-content .modal-header:after {
    clear: both
}

.modal-content.rock-modal .modal-header h3,
.rock-modal .modal-content .modal-header h3 {
    float: left;
    margin-right: 12px
}

.modal-content.rock-modal .modal-header .close,
.rock-modal .modal-content .modal-header .close {
    margin: 0;
    padding: 6px;
    color: #d5d5d5;
    text-shadow: none
}

.modal-content.rock-modal .modal-header .label,
.rock-modal .modal-content .modal-header .label {
    margin-top: 8px
}

.modal-content.rock-modal .modal-header small,
.rock-modal .modal-content .modal-header small {
    margin-top: 12px;
    display: block;
    color: #bbb
}

.modal-content.rock-modal .modal-body,
.rock-modal .modal-content .modal-body {
    color: #333;
    text-align: left
}

.modal-content.rock-modal .modal-body>.scroll-container,
.rock-modal .modal-content .modal-body>.scroll-container {
    width: 720px
}

.modal-content.rock-modal .modal-body>.scroll-container>.viewport,
.rock-modal .modal-content .modal-body>.scroll-container>.viewport {
    width: 670px
}

.modal-content.rock-modal .modal-body.iframe,
.rock-modal .modal-content .modal-body.iframe {
    overflow: hidden
}

.modal-content.rock-modal .modal-footer,
.rock-modal .modal-content .modal-footer {
    padding: 8px;
    margin-top: 10px;
    background-color: #c4c4c4;
    color: #444;
    border-radius: 0 0 4px 4px
}

.rock-modal .modal-body {
    padding: 8px 12px 12px 12px
}

.rock-modal .modal-footer:after {
    clear: both
}

.rock-modal .modal-footer .btn {
    float: right;
    margin-left: 5px
}

.modal.modal-overflow {
    top: 30px
}

#modal-popup_iframe {
    height: 100%;
    width: 100%;
    border: 0;
    display: block
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: .5;
    filter: alpha(opacity=70);
    background: #000
}

.modal-dialog {
    margin: 0;
    width: auto
}

.modal-content {
    border: none
}

legend {
    font-weight: 300;
    color: #333;
    border-width: 0
}

.checkbox-inline:first-child,
.radio-inline:first-child {
    padding-left: 30px
}

a.aspNetDisabled {
    opacity: .5
}

.form-group.rock-literal p.form-control-static,
.rock-control-wrapper p.form-control-static {
    padding-top: 0
}

.form-group {
    font-size: 14px;
    line-height: 1.42857143
}

.form-group .checkbox:last-child {
    margin-bottom: 30px
}

.form-group>.form-group {
    margin-top: 12px
}

.form-horizontal .form-group {
    margin-right: 0
}

.form-horizontal .form-group .form-control-group,
.form-horizontal .form-group .form-control {
    float: left
}

.form-horizontal[class*="label-"] .form-group label {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .form-horizontal[class*="label-"] .form-group label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

@media (min-width:768px) {
    .form-horizontal[class*="label-"] .form-group label {
        float: left;
        width: 16.66666667%
    }
}

.form-horizontal[class*="label-"] .form-group .control-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .form-horizontal[class*="label-"] .form-group .control-wrapper {
        float: left;
        width: 83.33333333%
    }
}

.form-horizontal.label-md .form-group label {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .form-horizontal.label-md .form-group label {
        float: left;
        width: 33.33333333%
    }
}

.form-horizontal.label-md .form-group .control-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .form-horizontal.label-md .form-group .control-wrapper {
        float: left;
        width: 66.66666667%
    }
}

.form-horizontal.label-lg .form-group label {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .form-horizontal.label-lg .form-group label {
        float: left;
        width: 50%
    }
}

.form-horizontal.label-lg .form-group .control-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .form-horizontal.label-lg .form-group .control-wrapper {
        float: left;
        width: 50%
    }
}

.form-horizontal.label-xl .form-group label {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .form-horizontal.label-xl .form-group label {
        float: left;
        width: 66.66666667%
    }
}

.form-horizontal.label-xl .form-group .control-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
    .form-horizontal.label-xl .form-group .control-wrapper {
        float: left;
        width: 33.33333333%
    }
}

.controls .checkbox:first-child {
    margin-top: 0
}

.form-group.required .control-label:after {
    font-family: FontAwesome;
    content: '\f111';
    margin-left: 4px;
    font-size: 6px;
    color: #eca9a7;
    vertical-align: super
}

dl:not(.dl-horizontal) dt {
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 2px
}

dl:not(.dl-horizontal) dt:first-child {
    margin-top: 0
}

dl:not(.dl-horizontal) dd {
    margin-left: 0
}

.form-control.input-width-xs,
.input-group.input-width-xs,
.form-control-group.input-width-xs input {
    width: 60px
}

.form-control.input-width-sm,
.input-group.input-width-sm,
.form-control-group.input-width-sm input {
    width: 90px
}

.form-control.input-width-md,
.input-group.input-width-md,
.form-control-group.input-width-md input {
    width: 140px
}

.form-control.input-width-lg,
.input-group.input-width-lg,
.form-control-group.input-width-lg input {
    width: 210px
}

.form-control.input-width-xl,
.input-group.input-width-xl,
.form-control-group.input-width-xl input {
    width: 270px
}

.form-control.input-width-xxl,
.input-group.input-width-xxl,
.form-control-group.input-width-xxl input {
    width: 530px
}

.form-control-group:before,
.form-control-group:after {
    content: " ";
    display: table
}

.form-control-group:after {
    clear: both
}

.form-control-group .form-control,
.form-control-group .input-group {
    margin-right: 6px;
    float: left
}

.form-control-group>span {
    float: left;
    margin: 8px 6px 0 0
}

.form-control-group>label {
    float: left;
    margin-top: 8px
}

.month-year-picker .separator,
.month-day-picker .separator {
    float: left;
    font-size: 20px;
    margin: 4px 8px 0 -2px;
    color: #8c8c8c
}

.rock-check-box .checkbox {
    margin-top: 0
}

.validation-error {
    color: #d9534f;
    font-weight: 300;
    float: left
}

.btn-controlaligned {
    margin-top: 24px
}

.form-group.static-control label {
    margin-bottom: 0
}

.form-group.static-control .form-control-static {
    padding-top: 0
}

.panel-dashboard {
    margin: 24px 0 0;
    height: 220px;
    border-color: #d0d0d0
}

.panel-dashboard>.panel-heading {
    color: #848484;
    background-color: #eaeaea;
    border-color: #9d9d9d
}

.panel-dashboard>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d0d0d0
}

.panel-dashboard>.panel-heading .badge {
    color: #eaeaea;
    background-color: #848484
}

.panel-dashboard>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d0d0d0
}

.table>tbody>tr>td {
    color: #333
}

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

td.grid-select-cell {
    cursor: pointer
}

td.wrap-contents {
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.table {
    margin-bottom: 0
}

.grid {
    margin-bottom: 15px
}

.grid .grid-table {
    border: 1px solid #ddd
}

.grid .grid-table.table-light {
    border: none
}

.grid.grid-panel .grid-table {
    border: none !important
}

.grid.grid-panel th:first-child,
.grid.grid-panel td:first-child {
    border-left: 0
}

.grid.grid-panel th:last-child,
.grid.grid-panel td:last-child {
    border-right: 0
}

.grid-panel .table-responsive[data-pattern="priority-columns"],
.table-responsive.table-no-border {
    border: 0
}

.table-responsive[data-pattern="priority-columns"] {
    position: static
}

.table-wrapper .btn-toolbar {
    display: none
}

.grid-filter {
    background-color: #eaeaea;
    border-radius: 4px;
    padding: 6px 12px;
    border-bottom: 1px solid #ddd;
    color: #848484
}

.grid-filter header {
    border-radius: 4px 4px 0 0;
    padding: 4px;
    cursor: pointer;
    height: 24px;
    text-align: right
}

.grid-filter header h3 {
    font-size: 12px;
    margin: 0 2px 0 2px;
    line-height: 16px;
    display: inline;
    font-weight: 300
}

.grid-filter header i {
    color: #b7b7b7
}

.grid-filter header fieldset {
    margin-bottom: 0
}

.grid-filter h4 {
    margin: 12px 0 20px;
    padding-bottom: 8px;
    font-weight: 300
}

.grid-filter .grid-filter-entry {
    margin-bottom: 12px
}

.grid-filter .picker .picker-label {
    background-color: #eaeaea;
    color: #848484;
    border-color: #d0d0d0
}

.grid-filter-entry legend+.control-group {
    margin-top: 0
}

.grid-filter-overview h4 {
    margin: 0
}

.grid-filter-overview fieldset {
    margin-bottom: 12px
}

.table>thead>tr>th {
    background-color: transparent;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    border-color: #ddd
}

.table>thead>tr>th>a:not(.btn) {
    color: #333;
    display: block
}

.table>thead>tr>th.ascending a::before {
    padding-right: 5px;
    content: "\f0d8";
    font-family: FontAwesome
}

.table>thead>tr>th.descending a::before {
    padding-right: 5px;
    content: "\f0d7";
    font-family: FontAwesome
}

.table.table-light>thead>tr>th {
    background-color: transparent;
    color: #333;
    border-color: #999
}

.grid-paging {
    background-color: #eaeaea;
    color: #848484
}

.grid-paging .pagination {
    margin-top: 0;
    margin-bottom: 0
}

.grid-paging .pagination li>a {
    background-color: #ddd;
    color: #333;
    border-color: #aaa
}

.grid-paging .pagination li.active>a {
    background-color: #f7f7f7
}

.grid-paging .grid-pager {
    float: right
}

.grid-paging .grid-pagesize {
    float: left
}

.grid-paging .grid-itemcount {
    float: left;
    font-size: 11px;
    margin-left: 10px;
    margin-top: 7px
}

td.grid-col-actions {
    text-align: right
}

.grid-actions {
    text-align: right;
    background-color: #eaeaea
}

.grid-actions .btn {
    margin-left: 8px;
    background-color: #ddd;
    color: #333;
    border-color: #b7b7b7
}

.table-light {
    background-color: transparent
}

.table-light thead th {
    background-color: inherit;
    color: #333;
    font-weight: 700
}

.table-light tfoot td {
    background-color: inherit
}

.table-light tfoot td .grid-actions a {
    border-radius: 0;
    border-style: none;
    border-width: 0;
    box-shadow: none;
    border-color: none
}

.table-light .grid-columncommand {
    text-align: right;
    width: 42px;
    min-width: 42px
}

.table-padded td,
.table-padded th {
    padding: 12px !important
}

.grid-select-field {
    text-align: center;
    min-width: 40px
}

.grid-select-field .checkbox,
.grid-select-field .radio {
    padding-left: 0;
    margin: 4px 0 0 0
}

.grid-select-field .checkbox input,
.grid-select-field .radio input {
    float: none;
    margin: 0
}

.grid-select-field .checkbox:last-child,
.grid-select-field .radio:last-child {
    margin-bottom: 0;
    margin-left: -12px
}

.grid-select-field .checkbox label,
.grid-select-field .radio label {
    padding: 0
}

.table>tbody>tr>td.grid-select-field {
    padding: 12px 12px 0 12px
}

.table>thead>tr>th.grid-select-field {
    padding: 14px 12px 10px 12px
}

.grid .table>thead>tr>th,
.grid .table>tbody>tr>td {
    padding: 12px
}

.grid .table>thead>tr>th.grid-columncommand,
.grid .table>tbody>tr>td.grid-columncommand {
    padding: 6px;
    min-width: 48px
}

.grid .table>thead>tr>th.grid-columnreorder,
.grid .table>tbody>tr>td.grid-columnreorder {
    padding-top: 12px;
    min-width: 48px;
    width: 48px
}

.grid .table>thead>tr>th.grid-columnreorder a,
.grid .table>tbody>tr>td.grid-columnreorder a {
    color: #666
}

.table .color-field {
    padding: 0;
    width: 4px
}

.table .color-field+th {
    border-left-width: 0
}

.table .grid-icon img {
    width: 72px;
    height: 72px
}

.table>tbody>tr.grid-section-header>td {
    background-color: #c4c4c4;
    color: #444
}

.table>tbody>tr.grid-section-header:hover>td {
    background-color: #c4c4c4 !important
}

tr.row-highlight td {
    background-color: #d5e6ed !important;
    color: #333 !important
}

.table>thead>tr.grid-header-bold th {
    background-color: #222;
    color: #d5d5d5;
    border-color: #2f2f2f;
    vertical-align: top !important
}

.table>tbody>tr.grid-row-bold td {
    background-color: #222;
    color: #d5d5d5;
    border-color: #2f2f2f;
    vertical-align: top !important
}

.table>tbody>tr.grid-row-bold:hover td {
    background-color: #3c3c3c
}

.table>tbody>tr.is-inactive>td {
    color: #808080
}

.table>tbody>tr.is-inactive-person>td {
    color: #808080
}

.table>tbody>tr.is-deceased>td {
    color: #d9534f
}

.table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

.table-responsive th[data-priority],
.table-responsive td[data-priority] {
    display: none
}

.table-responsive th[data-priority="1"],
.table-responsive td[data-priority="1"] {
    display: table-cell
}

@media screen and (min-width:480px) {
    .table-responsive th[data-priority="2"],
    .table-responsive td[data-priority="2"] {
        display: table-cell
    }
}

@media screen and (min-width:640px) {
    .table-responsive th[data-priority="3"],
    .table-responsive td[data-priority="3"] {
        display: table-cell
    }
}

@media screen and (min-width:800px) {
    .table-responsive th[data-priority="4"],
    .table-responsive td[data-priority="4"] {
        display: table-cell
    }
}

@media screen and (min-width:960px) {
    .table-responsive th[data-priority="5"],
    .table-responsive td[data-priority="5"] {
        display: table-cell
    }
}

@media screen and (min-width:1120px) {
    .table-responsive th[data-priority="6"],
    .table-responsive td[data-priority="6"] {
        display: table-cell
    }
}

.alert.alert-grid {
    margin-top: -15px;
    margin-right: -15px;
    margin-left: -15px;
    border-radius: 0;
    margin-bottom: 15px
}

.htmlcontent-edit-header {
    padding: 7.5px 15px 0 15px
}

.htmlcontent-edit-header .html-content-approve {
    float: right;
    margin-top: 4px
}

.codeeditor-header .picker-mergefield {
    float: right
}

.codeeditor-header .picker .picker-label {
    padding: 2px 6px
}

.my-account {
    margin-bottom: 15px
}

.my-account .photo img {
    width: 100%
}

.lava-debug {
    clear: both;
    margin-top: 24px
}

.lava-debug code {
    background-color: #c4e3f3;
    color: #31708f
}

.lava-debug p {
    margin-bottom: 10px;
    font-weight: normal !important
}

.lava-debug p.attributes {
    margin-bottom: 0
}

.lava-debug .lava-debug-key {
    font-weight: 600
}

.lava-debug .panel.panel-lavadebug {
    border: 0
}

.lava-debug .panel.panel-lavadebug .panel-heading {
    background-color: #cce7f4;
    color: #31708f;
    border: 0;
    cursor: pointer
}

.lava-debug .panel.panel-lavadebug .panel-heading.collapsed i:before {
    content: "\f078"
}

.lava-debug .panel.panel-lavadebug .panel-body {
    background-color: #e6f3fa
}

.socialsharing {
    margin-top: 12px;
    padding: 0
}

.socialsharing li {
    display: inline-block
}

.socialsharing li .socialicon {
    color: #fff;
    padding: 8px 6px;
    border-radius: 20px;
    font-family: FontAwesome
}

.socialsharing li .socialicon:hover {
    text-decoration: none
}

.socialsharing li .socialicon-facebook {
    background-color: #4c66a4
}

.socialsharing li .socialicon-twitter {
    background-color: #2c77ba
}

.socialsharing li .socialicon-email {
    background-color: #209904
}

.not-me {
    margin-left: 21px
}

.security-inherited {
    margin-top: 12px
}

.sql-comand .panel {
    margin-bottom: 24px
}

.filter-toggle {
    margin-top: 5px
}

.filter-toggle>span {
    float: left
}

.filter-toggle .btn-toggle {
    margin: 0 6px
}

.filter-item-select span {
    float: left;
    padding: 8px 6px 0 0
}

.filter-item-select select {
    float: left;
    width: 250px
}

.field-criteria .checkbox-inline {
    margin-top: 8px
}

.filter-item div[class*='col'] {
    margin-bottom: 6px
}

@media (min-width:992px) {
    .filter-item div[class*='col'] {
        margin-bottom: 0
    }
}

.filterfield {
    margin-bottom: 12px
}

.filterfield-label {
    font-weight: 600;
    margin-top: 8px;
    display: block
}

.panel-note {
    border-color: #d0d0d0;
    border-top-color: #c4c4c4
}

.panel-note>.panel-heading {
    color: #848484;
    background-color: #eaeaea;
    border-color: #9d9d9d
}

.panel-note>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d0d0d0
}

.panel-note>.panel-heading .badge {
    color: #eaeaea;
    background-color: #848484
}

.panel-note>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d0d0d0
}

.panel-note .panel-body {
    background-color: #fff
}

.panel-note .panel-heading h3 {
    float: left;
    margin-top: 4px
}

.panel-note .panel-heading .btn {
    float: right;
    margin: 0
}

.panel-note article {
    border-radius: 4px;
    border: 1px solid #bce8f1;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #d9edf7;
    position: relative;
    color: #31708f
}

.panel-note article .date {
    font-size: 13px;
    font-weight: 300;
    margin-left: 8px
}

.panel-note article>i {
    position: absolute;
    width: 28px;
    font-size: 28px;
    margin: 0 12px 0 4px;
    opacity: .2
}

.panel-note article .details {
    margin-left: 70px
}

.panel-note article .details h5 {
    margin-top: 0;
    margin-bottom: 6px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.panel-note article .actions {
    position: absolute;
    right: 15px;
    top: 10px
}

.panel-note article .actions a {
    float: right;
    margin-left: 8px;
    font-size: 14px
}

.panel-note article.highlight {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442
}

.panel-note article.highlight a {
    color: #a94442
}

.panel-note article.personal {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #31708f
}

.panel-note article>img {
    float: left;
    margin: 0 12px 0 4px
}

.panel-note .load-more {
    margin: 0 40%;
    min-width: 150px;
    width: 20%
}

.panel-note .load-more span {
    margin: 0 12px
}

.note-deny article,
.note-danger article,
.note-security article {
    border-color: #ebccd1;
    background-color: #f2dede;
    color: #a94442
}

.note-deny .actions a,
.note-danger .actions a,
.note-security .actions a {
    color: #a94442
}

.note-approve article,
.note-success article {
    border-color: #d6e9c6;
    background-color: #dff0d8;
    color: #3c763d
}

.note-approve .actions a,
.note-success .actions a {
    color: #3c763d
}

.note-info article {
    border-color: #bce8f1;
    background-color: #d9edf7;
    color: #31708f
}

.note-info .actions a {
    color: #31708f
}

.note-warning article {
    border-color: #faebcc;
    background-color: #fcf8e3;
    color: #8a6d3b
}

.note-warning .actions a {
    color: #8a6d3b
}

.panel-note-light {
    border: 0;
    background: none
}

.panel-note-light .panel-body {
    background: none
}

.panel-note-light article {
    background: none;
    border-radius: 0;
    border-width: 0 0 1px 0;
    padding-left: 0
}

.panel-note-light article .details {
    margin-left: 0
}

.panel-note-light article .note-author,
.panel-note-light article .note-created {
    font-size: 13px;
    opacity: .7
}

.panel-noteentry {
    border-color: #d0d0d0
}

.panel-noteentry>.panel-heading {
    color: #848484;
    background-color: #eaeaea;
    border-color: #9d9d9d
}

.panel-noteentry>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d0d0d0
}

.panel-noteentry>.panel-heading .badge {
    color: #eaeaea;
    background-color: #848484
}

.panel-noteentry>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d0d0d0
}

.panel-noteentry .createDate {
    margin-top: 10px;
    width: 50%
}

.panel-noteentry .settings {
    margin-top: 4px
}

.panel-noteentry .settings .options input {
    margin-right: 4px
}

.panel-noteentry .panel-body .noteentry-control {
    overflow: hidden
}

.panel-noteentry .panel-body .noteentry-notetype {
    margin-bottom: 4px
}

.panel-noteentry .panel-body img {
    float: left;
    margin: 0 12px 0 4px
}

.panel-noteentry .options .checkbox {
    float: left;
    margin: 0 15px 0 5px
}

.panel-noteentry .panel-footer {
    background-color: #f5f5f5
}

.recurrence-pattern-type {
    margin-top: 12px;
    padding-left: 30px
}

.recurrence-pattern-specific-date:before,
.recurrence-pattern-specific-date:after {
    content: " ";
    display: table
}

.recurrence-pattern-specific-date:after {
    clear: both
}

.recurrence-pattern-specific-date .input-group {
    float: left
}

.recurrence-pattern-specific-date .actions {
    float: left;
    margin-left: 12px;
    margin-top: 4px
}

.recurrence-pattern-daily .form-control-group {
    min-height: 30px
}

.recurrence-pattern-weekly .week-days {
    margin-top: 15px
}

.recurrence-pattern-weekly .week-days:before,
.recurrence-pattern-weekly .week-days:after {
    content: " ";
    display: table
}

.recurrence-pattern-weekly .week-days:after {
    clear: both
}

.recurrence-pattern-weekly .week-days .checkbox {
    float: left;
    margin: 0 15px
}

.recurrence-pattern-monthly .form-control-group {
    min-height: 40px;
    display: block
}

.continue-until .form-control-group {
    min-height: 40px
}

.exclusions .add-exclusion .form-control-group {
    float: left
}

.exclusions .add-exclusion .actions {
    float: left;
    margin-top: 5px
}

.workflow-section-activities {
    margin-top: 64px
}

.workflow-activities-readonly-header {
    color: #515151;
    left: auto;
    top: auto;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px
}

.workflow-activities-readonly-header:hover {
    color: inherit;
    text-decoration: none
}

.panel.workflow-activity.activated-with-workflow {
    border-color: #3c763d
}

.panel.workflow-activity.activated-with-workflow>.panel-heading {
    background-color: #dff0d8;
    color: #3c763d
}

.panel.workflow-activity.activated-with-workflow>.panel-heading a.btn-link {
    color: #3c763d
}

.panel.workflow-activity .panel-title:before {
    content: "\f1b3";
    font-family: FontAwesome;
    font-weight: normal;
    margin-right: 4px
}

.workflow-action .workflow-action-name:before {
    content: "\f1b2";
    font-family: FontAwesome;
    font-weight: normal
}

.workflow-action .criteria-exists {
    background-color: #f0ad4e;
    color: #fff;
    border: 1px solid #f0ad4e
}

.workflow-action .conditional-run-criteria {
    margin-top: -15px;
    margin-bottom: 15px;
    padding-top: 15px;
    border-width: 1px;
    border-style: solid
}

.workflow-action .form-action-rows .row {
    margin-bottom: 12px
}

.panel-group .panel-workflowitem {
    border-color: #d0d0d0;
    margin-bottom: 30px
}

.panel-group .panel-workflowitem>.panel-heading {
    color: #848484;
    background-color: #eaeaea;
    border-color: #9d9d9d
}

.panel-group .panel-workflowitem>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d0d0d0
}

.panel-group .panel-workflowitem>.panel-heading .badge {
    color: #eaeaea;
    background-color: #848484
}

.panel-group .panel-workflowitem>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d0d0d0
}

.panel-group .panel-workflowitem:hover {
    background-color: #fff
}

.panel-group .panel-workflowitem .panel-heading {
    padding: 30px
}

.panel-group .panel-workflowitem .panel-heading a {
    display: block
}

.panel-group .panel-workflowitem .panel-heading a .panel-title {
    width: 100%
}

.panel-group .panel-workflowitem .panel-heading a .panel-title h3 {
    margin: 0
}

.panel-group .panel-workflowitem .panel-heading a .panel-title h3 i {
    font-size: 35px;
    margin-right: 12px;
}

.panel-group .panel-workflowitem .panel-heading a i.panel-navigation {
    margin-top: 8px
}

.panel-group .panel-workflowitem .panel-heading a i.panel-navigation:before {
    margin-top: 6px;
    font-family: FontAwesome;
    content: "\f077";
    font-size: 20px
}

.panel-group .panel-workflowitem .panel-heading a.collapsed i.panel-navigation:before {
    content: "\f078"
}

.group-location-map img {
    width: 100%;
    margin-bottom: 24px
}

.description {
    margin-bottom: 24px
}

section.group-type-attribute-panel label {
    padding-left: 46px
}

table.inherited-attribute-grid tr td:first-child {
    padding-left: 46px;
    width: 141px
}

table.attribute-grid tr th:first-child {
    width: 31px
}

table.attribute-grid tr th:nth-child(2) {
    width: 100px
}

table.inherited-attribute-grid tr td:nth-child(2),
table.attribute-grid tr th:nth-child(3) {
    width: 550px
}

.group-detail .panel-heading {
    cursor: pointer
}

.contribution-payment .tab-content {
    margin-top: 15px
}

.card-visa,
.card-mastercard,
.card-amex,
.card-discover,
.card-diners,
.card-jcb {
    display: inline-block;
    width: 50px;
    height: 30px;
    overflow: hidden;
    text-align: left;
    text-indent: -999px;
    background: url(../../../Assets/Images/sprite-cards.png) 0 0 no-repeat
}

.card-mastercard {
    background-position: -55px 0
}

.card-amex {
    background-position: -110px 0
}

.card-discover {
    background-position: -165px 0
}

.card-diners {
    background-position: -220px 0
}

.card-jcb {
    background-position: -660px 0
}

.is-visa li,
.is-mastercard li,
.is-amex li,
.is-discover li,
.is-diners li,
.is-jcb li,
.is-nothing li {
    opacity: .2
}

.is-visa li.card-visa,
.is-mastercard li.card-mastercard,
.is-amex li.card-amex,
.is-discover li.card-discover,
.is-diners li.card-diners,
.is-jcb li.card-jcb {
    opacity: 1
}

.scheduledtransaction-item {
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #eee
}

.scheduledtransaction-item:last-child {
    border-bottom: 0
}

.scheduledtransaction-item .actions {
    margin: 6px 0
}

.transaction-image {
    width: 100%;
    margin-bottom: 12px;
    border: 2px solid #aaa
}

.transaction-image-thumbnail {
    max-width: 200px;
    max-height: 100px;
    margin: 5px;
    cursor: pointer;
    border: 2px solid #aaa
}

.transaction-matching .progress {
    width: 30%;
    float: left;
    margin-bottom: 0
}

.personprofile small {
    opacity: .7
}

.personprofilebar-bio,
.personprofilebar-badge,
.personprofilebar-family,
.pagetabs,
.person-content {
    padding: 15px
}

.personprofilebar-bio {
    background-color: #c4c4c4;
    border-bottom: 1px solid #aaa;
    color: #444
}

.personprofilebar-bio .name {
    text-align: center;
    margin-top: 0;
    margin-bottom: 4px
}

.personprofilebar-bio .name .full-name,
.personprofilebar-bio .name .previous-names {
    font-size: 18px;
    display: none
}

.personprofilebar-bio .labels {
    margin-bottom: 7.5px;
    text-align: center
}

.personprofilebar-bio .nav li .persondetails-actions {
    padding: 2px 0 0 15px
}

.personprofilebar-bio .nav li .persondetails-actions:hover,
.personprofilebar-bio .nav li .persondetails-actions:focus {
    background-color: transparent
}

.personprofilebar-bio .nav-actions {
    width: 120px;
    margin: 0 auto 12px auto
}

@media (min-width: 992px) {
    .personprofilebar-bio .nav-actions {
        float: right;
        margin: 0
    }
}

.personprofilebar-bio .actions {
    position: absolute;
    right: 50%;
    bottom: 6px;
    z-index: 10;
    margin-right: -52px
}

.personprofilebar-bio .actions a.btn-action {
    color: #fff;
    background-color: #6a6a6a;
    border-color: #515151
}

.personprofilebar-bio .photo {
    padding: 5px 5px 5px 5px;
    background-color: #aaa;
    border: 1px solid #bdbdbd;
    display: table;
    max-width: 200px;
    margin: 0 auto;
    position: relative
}

.personprofilebar-bio .photo .following-status {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 500;
    border-top: 70px solid #817b72;
    border-right: 70px solid transparent;
    -webkit-transition: 1s;
    transition: 1s;
    opacity: .4
}

.personprofilebar-bio .photo .following-status i {
    position: absolute;
    top: -60px;
    left: 10px;
    color: #fff;
    font-size: 24px;
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0
}

.personprofilebar-bio .photo .following-status.following {
    opacity: 1
}

.personprofilebar-bio .photo .following-status.following i {
    opacity: 1
}

.personprofilebar-bio .photo a.fluidbox-opened+.following-status {
    opacity: 0 !important
}

.personprofilebar-bio .photo img {
    width: 100%;
    height: auto
}

.personprofilebar-bio .photo .fluidbox-ghost {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}

.personprofilebar-bio .photo .fluidbox-opened .fluidbox-ghost {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out
}

.personprofilebar-bio .social-icons {
    text-align: center
}

.personprofilebar-bio .social-icons .icon {
    background-color: #555;
    margin: 0 2px;
    border-radius: 4px;
    font-size: 16px;
    display: inline-block
}

.personprofilebar-bio .social-icons .icon a {
    color: #fff
}

.personprofilebar-bio .social-icons .icon a:hover {
    opacity: .6
}

.personprofilebar-bio .social-icons .icon i {
    margin: 4px
}

.personprofilebar-bio .social-icons .icon.icon-facebook {
    background-color: #44619d;
    color: #fff
}

.personprofilebar-bio .social-icons .icon.icon-twitter {
    background-color: #55acee;
    color: #fff
}

.personprofilebar-bio .social-icons .icon.icon-instagram {
    background-color: #39688f;
    color: #fff
}

.personprofilebar-bio .social-icons .icon:first-child {
    margin-left: 0
}

.personprofilebar-bio .taglist {
    margin-top: 15px
}

.personprofilebar-bio .demographics {
    margin-top: 15px;
    text-align: center
}

@media (min-width: 992px) {
    .personprofilebar-bio .demographics {
        width: 50%;
        float: left
    }
}

.personprofilebar-bio .personcontact {
    text-align: center;
    margin-top: 15px;
    padding-bottom: 30px
}

@media (min-width: 992px) {
    .personprofilebar-bio .personcontact {
        width: 50%;
        float: left
    }
}

.personprofilebar-bio .personcontact .email .email-status i {
    color: #444
}

.personprofilebar-bio .personcontact .email .email-status.do-not-email i {
    color: #d9534f
}

.personprofilebar-bio .personcontact .email .email-status.not-active i {
    color: #f0ad4e
}

.personprofilebar-badge {
    background-color: #ddd;
    min-height: 64px;
    border-bottom: 1px solid #c4c4c4;
    color: #6a6a6a;
    padding-top: 0;
    padding-bottom: 0
}

.personprofilebar-badge .badge-group {
    margin: 7.5px 0;
    text-align: center
}

.personprofilebar-badge .badge-group .badge {
    background-color: inherit;
    padding: 3px 7px 0;
    display: inline-block
}

.personprofilebar-badge .badge-group .badge-debug {
    text-align: left;
    position: absolute;
    z-index: 9999;
    width: 900px;
    right: 12px
}

.badge-baptism {
    color: #23a5c5
}

.badge-era {
    position: relative
}

.badge-era:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #5cb85c;
    font-size: 45px
}

.badge-era.era-loss:before {
    color: #ee7624
}

.badge-era span {
    font-size: 16px;
    position: absolute;
    left: 11px;
    top: 17px
}

.badge-icon {
    font-size: 45px
}

.badge-icon.badge-disabled {
    opacity: .2;
    color: #939393
}

.badge-attendance ul.badge-attendance-chart {
    display: table;
    table-layout: fixed;
    height: 40px;
    margin: 0 auto;
    width: 220px
}

.badge-attendance ul.badge-attendance-chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 40px;
    width: 10px
}

.badge-attendance ul.badge-attendance-chart li span {
    display: block;
    background: #6a6a6a;
    width: 8px;
    min-height: 1px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .badge-attendance ul.badge-attendance-chart li span {
        position: absolute;
        bottom: 0
    }
}

.badge-attendance.annimate ul.badge-attendance-chart li span {
    -webkit-animation: bar-grow 1s ease-in-out;
    animation: bar-grow 1s ease-in-out
}

.badge-disc {
    position: relative
}

.badge-disc ul.badge-disc-chart {
    display: table;
    table-layout: fixed;
    height: 40px;
    margin: 0 auto;
    width: 45px
}

.badge-disc ul.badge-disc-chart li {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    height: 40px;
    width: 3px
}

.badge-disc ul.badge-disc-chart li span {
    display: block;
    background: #99bbd9;
    width: 10px;
    min-height: 2px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .badge-disc ul.badge-disc-chart li span {
        position: absolute;
        bottom: 0
    }
}

.badge-disc ul.badge-disc-chart li.badge-disc-primary span {
    background: #4f89bd
}

.badge-disc ul.badge-disc-chart li.badge-disc-disabled span {
    opacity: .2;
    background-color: #939393
}

.badge-disc .requested {
    position: absolute;
    top: 14px;
    left: 12px;
    font-size: 24px;
    background-color: #e3ded7;
    padding: 1px 5px;
    border-radius: 99px;
    opacity: .8
}

.badge-disc.annimate ul.badge-disc-chart li span {
    -webkit-animation: bar-grow 1s ease-in-out;
    animation: bar-grow 1s ease-in-out
}

.badge-attendingduration {
    position: relative;
    color: #686576
}

.badge-attendingduration .duration-metric:before {
    font-family: FontAwesome;
    content: "\f111";
    color: #e5d24d;
    font-size: 45px
}

.badge-attendingduration .duration-metric.duration-months:before {
    color: #69ad5e
}

.badge-attendingduration .duration-metric.duration-years:before {
    color: #56789e
}

.badge-attendingduration .duration-metric.duration-new:before {
    color: #d25555
}

.badge-attendingduration .duration-metric .metric-value {
    font-size: 20px;
    position: absolute;
    left: 11px;
    top: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 12px;
    width: 30px;
    text-align: center
}

.badge-attendingduration .duration-metric .metric-unit {
    font-size: 11px;
    font-weight: normal;
    display: block
}

.badge-attendingduration .duration-metric.duration-new .metric-value {
    font-size: 14px;
    font-weight: 600;
    top: 18px
}

.badge-weeksattendanceduration .weeks-metric {
    position: relative;
    color: #686576
}

.badge-weeksattendanceduration .weeks-metric:before {
    font-family: FontAwesome;
    content: "\f0c8";
    color: #f0ad4e;
    font-size: 45px
}

.badge-weeksattendanceduration .weeks-metric .weeks-attended {
    position: absolute;
    top: 7px;
    left: 3px;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -2px;
    display: block;
    width: 18px;
    text-align: center
}

.badge-weeksattendanceduration .weeks-metric .week-duration {
    position: absolute;
    bottom: 10px;
    right: 4px;
    font-weight: 600;
    font-size: 11px
}

.badge-lastvisitonsite .badge-content {
    position: relative;
    color: #4f89bd
}

.badge-lastvisitonsite .badge-content.today .duration {
    font-size: 11px;
    top: 6px
}

.badge-lastvisitonsite .badge-content.recent {
    opacity: .8
}

.badge-lastvisitonsite .badge-content.moderate {
    opacity: .6
}

.badge-lastvisitonsite .badge-content.not-recent {
    opacity: .4
}

.badge-lastvisitonsite .badge-content.old {
    opacity: .2
}

.badge-lastvisitonsite .badge-content i {
    font-size: 40px
}

.badge-lastvisitonsite .badge-content span.duration {
    position: absolute;
    top: 5px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    right: 50%;
    width: 36px;
    margin-right: -17px
}

@-webkit-keyframes bar-grow {
    0% {
        height: 0;
        opacity: 0
    }
}

@keyframes bar-grow {
    0% {
        height: 0;
        opacity: 0
    }
}

.personprofilebar-family {
    background: #eaeaea;
    border-bottom: 1px solid #d0d0d0;
    color: #848484;
    min-height: 60px
}

.personprofilebar-family a {
    color: #848484
}

.personprofilebar-family .groupmembers .member a {
    border-radius: 4px;
    padding: 8px;
    display: block
}

.personprofilebar-family .groupmembers .member a:before,
.personprofilebar-family .groupmembers .member a:after {
    content: " ";
    display: table
}

.personprofilebar-family .groupmembers .member a:after {
    clear: both
}

.personprofilebar-family .groupmembers .member .person-image {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .6s ease;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-transition: .5s;
    transition: .5s;
    border-color: #b7b7b7
}

.personprofilebar-family .groupmembers .member:hover {
    background-color: #d5d5d5;
    border-radius: 4px
}

.personprofilebar-family .groupmembers .member:hover .person-image {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale")
}

.personprofilebar-family .actions {
    position: absolute;
    right: 12px;
    z-index: 999
}

.personprofilebar-family .actions a.btn-action {
    color: #fff;
    background-color: #6a6a6a;
    border-color: #5d5d5d
}

.personprofilebar-family header {
    font-size: 16px;
    margin-bottom: 7.5px
}

.personprofilebar-family .addresses ul {
    list-style: none;
    margin: 0
}

.personprofilebar-family .addresses ul li {
    display: block;
    clear: both;
    margin-bottom: 15px
}

.personprofilebar-family .addresses ul li:last-child {
    margin-bottom: 0
}

.personprofilebar-family .addresses ul h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600
}

.personprofilebar-family .addresses ul .address .actions a {
    padding: 1px
}

.personprofilebar-family .addresses ul a.map,
.personprofilebar-family .addresses ul div.actions,
.personprofilebar-family .addresses ul div.address {
    float: left;
    margin-right: 12px
}

.editgroup-list li.member {
    min-width: 200px
}

.editgroup-list li.member .radio {
    margin: 0
}

.editgroup-list .groupmembers h4 {
    margin-bottom: 4px
}

.person-content {
    padding-top: 0
}

span.field-name {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    padding: 2px 4px;
    font-size: 90%;
    color: #444;
    background-color: #c4c4c4;
    white-space: nowrap;
    border-radius: 4px
}

span.field-value {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    padding: 2px 4px;
    font-size: 90%;
    color: #444;
    background-color: #c4c4c4;
    white-space: nowrap;
    border-radius: 4px
}

.table-groupmembers .radio:first-child {
    margin-top: 0
}

#fluidbox-overlay {
    background: #000
}

@media (min-width:768px),
print {
    .personprofilebar-bio {
        padding: 15px
    }
    .personprofilebar-bio .actions {
        right: 12px;
        margin-right: 0
    }
    .personprofilebar-bio .name {
        text-align: left
    }
    .personprofilebar-bio .name .full-name,
    .personprofilebar-bio .name .previous-names {
        display: inline
    }
    .personprofilebar-bio .labels {
        text-align: right
    }
    .personprofilebar-bio .photo {
        margin: 0
    }
    .personprofilebar-bio .demographics {
        text-align: left
    }
    .personprofilebar-bio .personcontact {
        text-align: left;
        padding-bottom: 0
    }
    .personprofilebar-bio .social-icons {
        text-align: left
    }
    .personprofilebar-bio .social-icons .icon {
        float: left
    }
    .personprofilebar-badge .badge-group {
        text-align: left
    }
    .personprofilebar-badge .badge-group:last-child {
        text-align: right
    }
}

.merge-photo {
    border: 3px solid #aaa
}

.panel-widget.pageviewsession .pageviewsession-client {
    text-align: right;
    line-height: 1
}

.person-bio div.deceased h1.title.name:after {
    content: 'Deceased';
    font-size: 14px;
    margin-left: 12px;
    color: #d9534f
}

.groupmembers .member.deceased:hover {
    background-color: #5e5e5e
}

.groupmembers .member.deceased .person-info:after {
    content: 'Deceased';
    font-size: 10px;
    color: #d9534f
}

tr.inactive td {
    color: #808080
}

.bulk-update .no-select .form-group {
    opacity: 1
}

.bulk-update .fade-inactive .form-group {
    opacity: .5
}

.bulk-update .fade-inactive .form-group .control-label {
    cursor: pointer
}

.bulk-update .form-group.bulk-item-selected {
    opacity: 1;
    background-color: #eee;
    padding: 12px;
    border-radius: 4px
}

.photoupload-photo .image-editor {
    float: left;
    margin-right: 48px
}

.photoupload-photo .image-editor label {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    overflow: hidden
}

.grid-table tbody tr.duplicate-source td,
.grid-table tbody tr.duplicate-source:hover>td {
    background-color: #777;
    color: #333
}

.disc-assessment th {
    padding: 6px
}

.disc-assessment th:last-child {
    border-radius: 0 4px 0 0
}

.disc-assessment th.disc-question {
    font-weight: 700;
    padding: 6px;
    border-radius: 4px 0 0 0
}

.disc-assessment .disc-question {
    width: 100%
}

.disc-assessment .disc-answer {
    width: 100px
}

.disc-heading {
    text-align: center
}

.discchart {
    clear: both;
    padding: 0;
    width: 80%;
    height: 425px;
    margin: 0 auto;
    max-width: 650px;
    position: relative
}

.discchart li {
    display: inline-block;
    height: 425px;
    margin: 0 2% 0 0;
    width: 20%;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    border-radius: 6px 6px 0 0;
    background-color: #a61a1d;
    color: #fff
}

.discchart li.discchart-midpoint {
    height: 70%;
    width: 100%;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    border-top: 2px solid red;
    border-radius: 0
}

.discchart .discbar-label {
    font-weight: 500;
    overflow: hidden;
    text-transform: uppercase;
    width: 100%;
    font-size: 28px;
    bottom: 20px;
    position: absolute
}

.discchart .discbar {
    border: 1px solid #ddd
}

.discchart .discbar:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 5%;
    letter-spacing: -3px;
    font-size: 20px;
    padding: 5px 1em 0;
    display: block;
    text-align: center;
    content: attr(title);
    word-wrap: break-word;
    line-height: 1em
}

.discchart .discbar.discbar-primary {
    background: #7a1315
}

.disc-chart .discbar-value {
    letter-spacing: -3px;
    opacity: .4;
    width: 100%;
    font-size: 30px;
    position: absolute
}

.phonegroup-label {
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .phonegroup-label {
        padding-top: 4px
    }
}

.recipients .recipient {
    float: left;
    width: 100%
}

.recipients .recipient.failed {
    color: #d9534f
}

.recipients .recipient.opened {
    color: #5cb85c
}

iframe.email-body {
    width: 100%;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    height: 300px
}

@media (min-width:768px) {
    .recipients .recipient {
        width: 50%
    }
}

@media (min-width:992px) {
    .recipients .recipient {
        width: 25%
    }
}

.panel.panel-widget.checkin-group {
    border-top-color: #afd074
}

.panel.panel-widget.checkin-grouptype {
    border-top-color: #5593a4
}

.attendance-reporting .panel-body {
    padding-top: 0;
    padding-bottom: 0
}

.attendance-reporting .panel-body>.row>[class*="col-"]:first-child {
    padding-top: 15px;
    padding-bottom: 15px
}

@media (min-width: 992px) {
    .attendance-reporting .panel-body .row {
        margin-left: -16px
    }
}

.attendance-reporting .analysis-types {
    padding: 15px 0;
    background-color: #eee;
    margin-bottom: 24px
}

.workflow-entry-panel>h1:first-of-type {
    margin-top: 0
}

.prayer-session .panel-note {
    border: 0;
    box-shadow: none
}

.prayer-session .panel-note>.panel-body {
    padding: 0
}

.calendar {
    padding: 0 10px 10px 10px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%
}

.calendar-month {
    border: none;
    border-collapse: separate;
    border-spacing: 0
}

.calendar-month a {
    text-decoration: none;
    color: #333 !important
}

.calendar-month th {
    text-align: center
}

.calendar-month td {
    color: #333 !important
}

.calendar-month table.calendar-title td {
    padding: 10px 5px
}

.calendar-month td.calendar-day {
    padding: 5px
}

.calendar-month table.calendar-title,
.calendar-month table.calendar-title a {
    font-weight: 600
}

.calendar-month .calendar-today {
    border-radius: 4px
}

.calendar-month .calendar-today,
.calendar-month .calendar-selecteditem {
    background-color: #d9edf7 !important;
    color: #31708f !important;
    border-radius: 0
}

.calendar-month .calendar-selecteditem:first-child {
    border-radius: 4px 0 0 4px
}

.calendar-month .calendar-selecteditem:last-child {
    border-radius: 0 4px 4px 0
}

.calendar-month .calendar-selected {
    background-color: #5bc0de !important;
    color: #fff !important
}

.calendar-month .calendar-selected a {
    color: #fff !important
}

.calendar-month .calendar-last-month a {
    opacity: .2
}

.calendar-month .calendar-hasevent {
    font-weight: 700
}

.registrationentry-intro {
    text-align: center
}

.registrationentry-intro h1 {
    margin-top: 24px;
    margin-bottom: 48px
}

.registrationentry-intro .input-group {
    margin: 0 auto 48px auto
}

.registration-entry .feetype-allowmultiples>.control-label {
    margin-bottom: 8px;
    display: block
}

.registration-entry .feetype-allowmultiples .form-group {
    margin-left: 19px
}

.registrationentry-summary .fee-table {
    margin: 0 24px
}

.registrationentry-summary .fee-table>.row {
    padding: 6px 0
}

.registrationentry-summary .fee-table>.row div[class^='col-'] {
    padding-right: 0;
    padding-left: 0
}

.registrationentry-summary .row.fee-header {
    border-bottom: 2px solid #999;
    padding-bottom: 2px;
    margin-bottom: 6px;
    font-size: 14px
}

.registrationentry-summary .fee-row-cost,
.registrationentry-summary .fee-row-total {
    font-weight: 600
}

.registrationentry-summary .fee-row-total {
    margin-top: 6px;
    border-top: 1px solid #999
}

.registrationentry-summary .row.fee-row-fee {
    font-weight: 300
}

@media (min-width: 768px) {
    .registrationentry-summary .row.fee-row-fee>div.fee-caption {
        padding-left: 20px
    }
}

@media (min-width: 768px) {
    .registrationentry-summary div.fee-value {
        text-align: right;
        float: right
    }
}

.fee-totals {
    margin-top: 24px
}

.fee-totals .fee-totals-options {
    text-align: right
}

.amount-to-pay input {
    text-align: right
}

.picker {
    position: relative;
    width: 250px
}

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

.picker:after {
    clear: both
}

.picker .picker-mode-options {
    margin-bottom: 12px
}

.picker .picker-label {
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    width: 225px;
    float: left
}

.picker .picker-label i {
    margin-right: 6px;
    float: left;
    margin-top: 2px
}

.picker .picker-label span {
    float: left;
    margin-right: 6px;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 18px
}

.picker .picker-label .fa.fa-caret-down {
    margin-top: 3px
}

.picker .picker-select-none {
    display: block;
    float: left;
    margin: 6px 0 0 6px;
    cursor: pointer
}

.picker .scroll-container-picker {
    width: 355px
}

.picker .scroll-container-picker .viewport {
    width: 340px;
    height: 190px
}

.picker .scroll-container-picker .scrollbar {
    margin-top: 10px
}

.picker h4 {
    font-size: 14px;
    font-weight: 600
}

.picker .picker-menu {
    width: 400px;
    padding: 10px
}

.picker .picker-menu h4:first-child {
    margin-top: 0
}

.picker.picker-menu-right .picker-menu {
    right: 0;
    left: auto
}

.picker .picker-actions {
    background-color: #e3ded7;
    padding: 10px;
    border-top: 1px solid #cec5b9;
    border-radius: 0 0 4px 4px;
    margin: 10px -10px -10px -10px
}

.picker .picker-select-item-details {
    margin-left: 20px
}

.picker .picker-select-item-details .person-image {
    border: 1px solid #aaa;
    float: left;
    margin-right: 7.5px;
    display: inline-block;
    width: 70px;
    height: 70px
}

.picker .picker-select-item-details .contents {
    float: left;
    margin-left: 10px
}

.picker .picker-select-item-details .contents h5 {
    margin-bottom: 2px
}

.picker.picker-geography .picker-menu {
    width: 520px
}

.picker.picker-person .picker-select {
    padding: 0;
    list-style: none
}

.picker.picker-person .picker-select-item-details img {
    width: 65px
}

.picker.picker-novalue .picker-label {
    width: 100%
}

.picker.picker-mergefield {
    width: 370px
}

#dialog .scroll-container-picker {
    width: 360px
}

#dialog .scroll-container-picker .viewport {
    width: 340px;
    height: 190px
}

.date-time-picker {
    margin-bottom: 11px
}

.date-time-picker .input-group {
    margin-bottom: 4px
}

.campuses-picker:before,
.campuses-picker:after {
    content: " ";
    display: table
}

.campuses-picker:after {
    clear: both
}

.campuses-picker .checkbox {
    float: left;
    margin-top: 0;
    margin-right: 24px
}

.campuses-picker .campuses-picker-vertical .checkbox {
    float: none;
    margin-top: inherit;
    margin-right: 0
}

.numberincrement {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.numberincrement .numberincrement-up,
.numberincrement .numberincrement-down {
    background-color: #eee;
    padding: 6px 12px;
    border: 1px solid #ccc;
    color: #555;
    cursor: pointer
}

.numberincrement .numberincrement-up.disabled,
.numberincrement .numberincrement-down.disabled {
    color: #888;
    cursor: default
}

.numberincrement .numberincrement-down {
    border-radius: 4px 0 0 4px
}

.numberincrement .numberincrement-up {
    border-radius: 0 4px 4px 0
}

.numberincrement .numberincrement-value {
    padding: 6px 18px;
    border-color: #ccc;
    border-width: 1px 0;
    border-style: solid
}

.numberincrement.input-sm .numberincrement-up,
.numberincrement.input-sm .numberincrement-down {
    padding: 5px 8px
}

.numberincrement.input-sm .numberincrement-value {
    padding: 5px 12px
}

.numberincrement.input-lg .numberincrement-up,
.numberincrement.input-lg .numberincrement-down {
    padding: 12px 20px
}

.numberincrement.input-lg .numberincrement-value {
    padding: 12px 28px
}

ul.rocktree,
ul.rocktree ul {
    list-style-type: none;
    margin-bottom: 30px;
    padding: 0
}

ul.rocktree ul {
    margin: 0 0 0 15px
}

.rocktree .rocktree-item {
    white-space: nowrap
}

.rocktree .rocktree-item.is-inactive {
    color: #666;
    opacity: 1
}

.rocktree .rocktree-item:not(.is-inactive) {
    color: #333
}

.rocktree .rocktree-item>i {
    cursor: pointer;
    padding: 4px
}

.rocktree li {
    margin: 0
}

.rocktree span,
.rocktree a {
    margin: 1px;
    display: inline-block
}

.rocktree .rocktree-name:hover,
.rocktree span:hover,
.rocktree span:hover a {
    background: #b0e1ef;
    color: #fff
}

.rocktree .selected,
.rocktree .selected a {
    background: #6a6a6a;
    color: #fff
}

.rocktree .rocktree-name {
    padding: 2px 6px;
    border-radius: 3px;
    cursor: pointer
}

.rocktree .rocktree-loading {
    margin-left: 10px;
    color: #333 !important;
    font-size: 12px
}

.rocktree .rocktree-loading i {
    margin-right: 5px
}

.rocktree .rocktree-leaf {
    padding-left: 18px
}

.treeview {
    margin-bottom: 15px
}

.treeview .treeview-frame {
    padding-left: 0
}

.treeview .treeview-actions {
    margin-bottom: 7.5px
}

.treeview .treeview-actions .btn {
    margin-bottom: 4px
}

.personlist {
    padding-left: 0;
    list-style: none
}

.personlist li {
    padding-left: 15px
}

.personlist li i.fa-circle {
    font-size: 9px;
    color: #d0cfcf;
    margin-right: 7.5px;
    margin-left: -15px
}

.personlist li .actions {
    opacity: 0;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.personlist li:hover .actions {
    opacity: 1
}

.personlist .popover {
    width: 320px
}

.rollover-container {
    position: relative
}

.rollover-container>.rollover-item {
    opacity: 0;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.rollover-container:hover>.rollover-item {
    opacity: 1
}

.touch .rollover-item {
    opacity: 1
}

.block-title {
    margin: 0
}

.list-as-blocks h3 {
    margin-top: 0;
    font-size: 14px;
    margin: 6px 0
}

.list-as-blocks ul {
    padding: 0;
    list-style: none;
    margin-top: 16px
}

.list-as-blocks ul li {
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    float: left;
    margin: 0 1.25% 15px;
    width: 47.5%;
    overflow: hidden;
    position: relative;
    overflow: visible;
    text-align: center
}

.list-as-blocks ul li a {
    background-color: #eaeaea;
    display: block;
    color: #848484;
    height: 90px;
    padding: 15px;
    border-radius: 4px;
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear
}

.list-as-blocks ul li a i {
    font-size: 26px;
    color: #9d9d9d;
    margin-top: 6px
}

.list-as-blocks ul li a:hover {
    background-color: #777;
    color: #fff;
    border-color: #6a6a6a
}

.list-as-blocks ul li a:hover i {
    color: #fff
}

.list-as-blocks ul li a div.notification {
    position: absolute;
    top: -10px;
    right: -6px
}

.list-as-blocks ul li a div.notification .label {
    border-radius: 36px;
    padding: 2px 6px
}

.list-as-blocks ul li.active a {
    background-color: #777;
    color: #fff;
    border-color: #5e5e5e
}

.list-as-blocks ul li.active a i {
    color: #fff
}

.list-as-blocks .block-status a {
    height: 105px;
    padding: 8px 15px
}

.list-as-blocks .block-status a .status-list {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0
}

@media (min-width: 768px) and (max-width: 991px) {
    .list-as-blocks ul li {
        margin: 0 1% 15px;
        width: 32%
    }
    .list-as-blocks ul li:nth-child(3n) {
        margin-right: 0
    }
    .list-as-blocks ul li:nth-child(3n+1) {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .list-as-blocks ul li {
        margin: 0 1% 15px;
        width: 18.4%
    }
    .list-as-blocks ul li:nth-child(5n) {
        margin-right: 0
    }
    .list-as-blocks ul li:nth-child(5n+1) {
        margin-left: 0
    }
}

.nav>li.pill-help a {
    color: #7a1315
}

.nav>li.pill-help a:hover,
.nav>li.pill-help a:focus {
    background-color: transparent;
    color: #7a1315
}

.well-pillwrap {
    background-color: transparent;
    border-color: transparent
}

div.tagsinput {
    width: 100%;
    overflow-y: auto;
    float: left
}

.taglist {
    text-align: center
}

.taglist .tag {
    display: inline-block;
    height: 22px;
    line-height: 18px;
    position: relative;
    font-size: 13px;
    margin-bottom: 7.5px;
    margin-left: 20px;
    padding: 1px 10px 0 12px;
    background: #c2b8a7;
    color: #231f20;
    text-decoration: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.taglist .tag:first-child {
    margin-left: 10px
}

.taglist .tag span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
    display: block;
    float: left
}

.taglist .tag a {
    float: left;
    display: block
}

.taglist .tag small {
    font-size: 11px
}

.taglist .tag:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-color: transparent #c2b8a7 transparent transparent;
    border-style: solid;
    border-width: 11px 11px 11px 0
}

.taglist .tag:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    float: left;
    width: 5px;
    height: 5px;
    border-radius: 2px;
    background: #dbd5cb;
    box-shadow: -1px -1px 2px #c2b8a7
}

@media (min-width: 768px) {
    div.tagsinput div[id$=addTag] {
        float: left;
        margin-left: 12px
    }
}

div.tagsinput span.tag.personal {
    background: #d0c6b4
}

div.tagsinput span.tag.personal:before {
    border-color: transparent #d0c6b4 transparent transparent
}

div.tagsinput span.tag a {
    font-weight: bold;
    color: #231f20;
    text-decoration: none;
    font-size: 11px;
    opacity: 0;
    -moz-transition: opacity .3s ease 0s, color .3s ease 0s, background .3s ease 0s;
    -webkit-transition: opacity .3s ease 0s, color .3s ease 0s, background .3s ease 0s
}

div.tagsinput span.tag:hover a {
    opacity: 1
}

div.tagsinput input {
    width: 80px;
    margin: 0;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 0;
    background: transparent;
    color: #8f8f8f !important;
    outline: 0;
    box-shadow: none;
    margin: -2px 0 0 10px;
    border-radius: 4px;
    padding: 2px;
    display: block;
    clear: both;
    margin: 0 auto
}

div.tagsinput input:hover,
div.tagsinput input:focus {
    background-color: rgba(0, 0, 0, 0.05)
}

div.tagsinput input div {
    display: block;
    float: left
}

div.tagsinput .tags_clear {
    clear: both;
    width: 100%;
    height: 0
}

.not_valid {
    background: #fbd8db !important;
    color: #90111a !important
}

.tag-wrap .ui-autocomplete {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 90;
    list-style: none;
    padding: 12px;
    background-color: #c4c4c4;
    border: 1px solid #aaa;
    min-width: 200px;
    border-radius: 0 0 4px 4px;
    z-index: 9999 !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.tag-wrap .ui-autocomplete li {
    margin-bottom: 4px
}

.tag-wrap .ui-autocomplete li:last-child {
    margin-bottom: 0
}

.tag-wrap .ui-autocomplete li a {
    color: #c4c4c4;
    text-decoration: none;
    cursor: pointer;
    padding: 4px;
    display: block
}

.tag-wrap .ui-autocomplete li a:hover {
    background: #aaa;
    border-radius: 4px
}

.tag-letterlist {
    color: #666
}

.tag-letterlist li {
    margin-right: 12px
}

.tag-letterlist a {
    font-weight: 600
}

@media (min-width:768px) {
    .taglist {
        text-align: left
    }
    .taglist .tag {
        float: left
    }
    div.tagsinput input {
        margin: 0
    }
}

.photoframe {
    border: 4px solid #aaa;
    display: inline-block
}

.photoframe.photoframe-sm {
    border-width: 2px
}

.smartsearch {
    width: 290px;
    margin-top: 6px;
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #2c2c2c;
    border-radius: 4px;
    padding: 2px 6px;
    position: relative;
    color: #1e1e1e
}

.smartsearch:focus {
    border-color: #595959
}

.smartsearch .twitter-typeahead {
    display: block !important;
    margin-right: 120px
}

.smartsearch .smartsearch-type {
    width: 120px
}

.smartsearch i {
    font-size: 16px;
    margin-top: 6px;
    float: left;
    opacity: .6;
    position: absolute
}

.smartsearch input {
    border: 0;
    background: transparent;
    color: #1e1e1e;
    border-radius: 0;
    width: 150px;
    margin: 0;
    font-size: 14px
}

.smartsearch input:focus {
    box-shadow: 0 0 0 0;
    outline: 0
}

.smartsearch .tt-hint {
    padding: 4px 4px 4px 25px
}

.smartsearch .tt-dropdown-menu {
    min-width: 290px;
    margin-left: -6px;
    border: 0;
    margin-top: 2px
}

.smartsearch input.searchinput {
    padding: 4px 4px 4px 25px;
    color: #1e1e1e;
    width: 100%;
    border: 0 !important;
    box-shadow: none !important
}

.smartsearch .dropdown .navbar-link {
    text-align: right;
    color: #1e1e1e
}

.smartsearch .dropdown .navbar-link span {
    padding-right: 4px
}

.smartsearch .dropdown .navbar-link:hover,
.smartsearch .dropdown .navbar-link:focus {
    background-color: transparent
}

.smartsearch .dropdown.open .navbar-link {
    background-color: transparent
}

.smartsearch .dropdown .dropdown-menu {
    font-size: 12px;
    right: 0;
    left: auto
}

.smartsearch input:-moz-placeholder {
    color: #000
}

.smartsearch input::-webkit-input-placeholder {
    color: #000
}

.smartsearch .nav>li>a {
    padding: 4px 15px
}

.smartsearch input::-moz-selection {
    background: #2e2e2e;
    color: #fff
}

.smartsearch input::selection {
    background: #2e2e2e;
    color: #fff
}

.smartsearch input::-moz-selection {
    background: #2e2e2e;
    color: #fff
}

fieldset .actions {
    margin-top: 12px
}

.code-editor {
    position: relative
}

.label a {
    color: #fff
}

.label-campus {
    background-color: #83758f
}

.label-type {
    background-color: #777
}

.label-communicationstatus-approved {
    background-color: #5cb85c
}

.label-communicationstatus-denied {
    background-color: #d9534f
}

.label-communicationstatus-draft {
    background-color: #777
}

.label-communicationstatus-submitted {
    background-color: #f0ad4e
}

.label-communicationstatus-transient {
    background-color: #777
}

.label-tree {
    background-color: #b0e1ef
}

.datepicker {
    padding: 10px
}

.datepicker.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute
}

.datepicker.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker table {
    background-color: transparent
}

.datepicker table thead th.datepicker-switch {
    text-align: center
}

.datepicker table thead th.next {
    text-align: right
}

.datepicker table td.active,
.datepicker table td.today {
    background-color: #5bc0de;
    color: #fff
}

.datepicker table td.day {
    text-align: center;
    cursor: pointer
}

.datepicker table td.old,
.datepicker table td.new {
    color: #999
}

.datepicker table tfoot {
    display: none
}

.datepicker table td span.month {
    margin-left: 2px;
    padding: 2px;
    cursor: pointer
}

.datepicker table td span.month.active {
    font-weight: 700
}

.datepicker table td span.month:hover {
    background-color: #5bc0de;
    color: #fff
}

.datepicker table td span.month:first-child {
    margin-left: 0
}

.datepicker table td span.year {
    margin-left: 4px;
    padding: 2px;
    cursor: pointer
}

.datepicker table td span.year.active {
    font-weight: 700
}

.datepicker table td span.year:hover {
    background-color: #5bc0de;
    color: #fff;
    border-radius: 3px
}

.datepicker table td span.year:first-child {
    margin-left: 0
}

.timepicker-input:before,
.timepicker-input:after {
    content: " ";
    display: table
}

.timepicker-input:after {
    clear: both
}

.timepicker-input .input-group {
    float: left
}

.timepicker-input i.fa-times {
    float: left;
    margin-top: 4px;
    padding: 6px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.timepicker-input:hover i.fa-times {
    opacity: 1
}

.touch .timepicker-input i.fa-times {
    opacity: 1
}

.bootstrap-timepicker {
    position: relative
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px
}

.bootstrap-timepicker .add-on {
    cursor: pointer
}

.bootstrap-timepicker .add-on i {
    display: inline-block;
    width: 16px;
    height: 16px
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 2px 3px 2px 2px
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
    border-radius: 4px
}

.bootstrap-timepicker-widget table {
    width: 100%;
    background-color: transparent;
    margin: 0
}

.bootstrap-timepicker-widget table td {
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px
}

.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px
}

.bootstrap-timepicker-widget table td span {
    width: 100%
}

.bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    outline: 0;
    color: #333
}

.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background-color: #eee;
    border-radius: 4px;
    border-color: #ddd
}

.bootstrap-timepicker-widget table td a i {
    margin-top: 2px
}

.bootstrap-timepicker-widget table td input {
    width: 45px;
    margin: 0;
    text-align: center;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #ccc;
    padding: 6px 12px;
    font-size: 12px
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px
}

@media (min-width:767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px
    }
}

@media (max-width:767px) {
    .bootstrap-timepicker {
        width: 100%
    }
    .bootstrap-timepicker .dropdown-menu {
        width: 100%
    }
}

.imageupload-group {
    margin-bottom: 15px;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 2px;
    display: table-cell;
    position: relative;
    cursor: pointer
}

.imageupload-group .imageupload-thumbnail {
    position: relative
}

.imageupload-group .imageupload-thumbnail .imageupload-thumbnail-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%
}

.imageupload-group .imageupload-thumbnail .imageupload-remove {
    position: absolute;
    bottom: 0;
    right: 0
}

.imageupload-group .imageupload-thumbnail .imageupload-remove a {
    padding: 2px 6px;
    border-top-left-radius: 4px;
    background-color: #d9534f;
    color: #fff;
    cursor: pointer;
    display: block
}

.imageupload-group .imageupload-dropzone {
    margin-top: 2px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    background-color: #eee;
    text-align: center;
    padding-top: 8px;
    position: relative;
    line-height: 12px;
    width: 100%;
    cursor: pointer
}

.imageupload-group .imageupload-dropzone::-webkit-file-upload-button {
    cursor: pointer
}

.imageupload-group .imageupload-dropzone input {
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.imageupload-group .imageupload-dropzone span {
    font-size: 13px;
    color: #555;
    width: 100%
}

.imageupload-group .imageupload-dropzone span:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f093";
    padding-right: .25em
}

.imageupload-group .upload-progress {
    position: absolute;
    z-index: 2;
    left: 35px;
    top: 30px;
    opacity: .3
}

.fileupload-group {
    display: table-cell;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px;
    position: relative;
    cursor: pointer
}

.fileupload-group .fileupload-thumbnail {
    position: relative
}

.fileupload-group .fileupload-thumbnail .file-link {
    width: 100px;
    height: 50px;
    border-radius: 3px;
    font-size: 10px;
    background-color: #eee;
    color: #555;
    display: block;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.fileupload-group .fileupload-thumbnail .file-link:after {
    content: '\f016';
    font-family: FontAwesome;
    font-size: 28px;
    color: #c8c8c8;
    -webkit-font-smoothing: antialiased;
    margin-left: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -12px
}

.fileupload-group .fileupload-thumbnail .file-link.file-exists:after {
    content: '\f15c';
    color: #c8c8c8;
    margin-top: -10px
}

.fileupload-group .fileupload-remove {
    position: absolute;
    bottom: 0;
    right: 0
}

.fileupload-group .fileupload-remove a {
    padding: 2px 6px;
    border-top-left-radius: 4px;
    background-color: #d9534f;
    color: #fff;
    cursor: pointer;
    display: block
}

.fileupload-group .fileupload-dropzone,
.fileupload-group .fileupload-button {
    height: 30px;
    background-color: #eee;
    text-align: center;
    padding-top: 8px;
    position: relative;
    line-height: 12px
}

.fileupload-group .fileupload-dropzone::-webkit-file-upload-button,
.fileupload-group .fileupload-button::-webkit-file-upload-button {
    cursor: pointer
}

.fileupload-group .fileupload-dropzone input,
.fileupload-group .fileupload-button input {
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.fileupload-group .fileupload-dropzone span,
.fileupload-group .fileupload-button span {
    font-size: 13px;
    color: #555;
    width: 100%;
    padding: 0 .5em
}

.fileupload-group .fileupload-dropzone span:before,
.fileupload-group .fileupload-button span:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f093";
    padding-right: .25em
}

.fileupload-group .fileupload-dropzone {
    margin-top: 2px;
    border-radius: 0 0 4px 4px
}

.fileupload-group .fileupload-button {
    border-radius: 4px
}

.fileupload-group .upload-progress {
    position: absolute;
    z-index: 2;
    left: 35px;
    top: 8px;
    opacity: .3
}

.updateprogress-status {
    position: fixed;
    padding: 15px 10px;
    left: 50%;
    top: 40%;
    opacity: 1;
    background-color: #7a1315;
    border-radius: 120px;
    z-index: 1140;
    box-shadow: 5px 5px 12px 3px rgba(0, 0, 0, 0.1);
    margin-left: -30px
}

.updateprogress-status .spinner {
    width: 40px;
    height: 30px;
    text-align: center;
    font-size: 10px
}

.updateprogress-status .spinner>div {
    background-color: #fff;
    height: 100%;
    width: 5px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}

.updateprogress-status .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.updateprogress-status .spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.updateprogress-status .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.updateprogress-status .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

@-webkit-keyframes stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

@media (min-width: 992px) {
    .updateprogress-status {
        padding: 30px 20px;
        margin-left: -60px
    }
    .updateprogress-status .spinner {
        width: 80px;
        height: 60px
    }
    .updateprogress-status .spinner>div {
        width: 10px
    }
}

.groupmembers {
    list-style: none;
    margin: 6px 0;
    padding: 0
}

.groupmembers .member {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    min-width: 160px;
    border-radius: 4px;
    min-height: 90px
}

.groupmembers .member .person-image {
    border: 1px solid #aaa;
    float: left;
    margin-right: 7.5px;
    display: inline-block;
    width: 60px;
    height: 60px
}

.groupmembers .member .member-information {
    float: left
}

.groupmembers .member h4 {
    font-size: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0
}

.groupmembers .member small {
    display: block;
    line-height: 16px;
    margin: 0
}

.groupmembers .member .btn {
    margin-top: 6px
}

.well-message {
    text-align: center
}

.well-message h1 {
    font-size: 38px
}

.well-message i {
    font-size: 84px;
    margin: 12px 0
}

.well-message.well-message-info {
    background-color: #d9edf7;
    color: #31708f;
    border-color: #bce8f1
}

.well-message.well-message-success {
    background-color: #dff0d8;
    color: #3c763d;
    border-color: #d6e9c6
}

.well-message.well-message-danger {
    background-color: #f2dede;
    color: #a94442;
    border-color: #ebccd1
}

.well-message.well-message-warning {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border-color: #faebcc
}

.loginstatus>li {
    min-width: 160px;
    text-align: right
}

.loginstatus>li li {
    text-align: left
}

ul.rocklist {
    padding: 0;
    list-style-type: none
}

ul.rocklist .rocklist-item {
    white-space: nowrap;
    padding: 6px;
    margin: 0 12px 12px 0;
    border-radius: 4px;
    width: 140px;
    float: left;
    position: relative;
    text-align: center
}

ul.rocklist .rocklist-item .actions {
    position: absolute;
    top: 4px;
    right: 4px
}

ul.rocklist .rocklist-item i {
    cursor: pointer;
    padding: 4px
}

ul.rocklist .rocklist-item .file-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

ul.rocklist .rocklist-item:hover {
    background: #b0e1ef;
    color: #fff
}

ul.rocklist .rocklist-item.selected {
    background: #b0e1ef;
    color: #fff
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0
}

.tt-dropdown-menu {
    min-width: 200px;
    padding: 12px;
    background-color: #c4c4c4;
    border: 1px solid #aaa;
    border-radius: 0 0 4px 4px;
    color: #c4c4c4;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box
}

.tt-suggestion {
    display: block
}

.tt-suggestion p {
    padding: 4px;
    border-radius: 4px
}

.tt-suggestion p:hover {
    background-color: #aaa
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
    color: #c4c4c4
}

.tt-suggestion p {
    margin: 0
}

.image-editor-photo {
    width: 150px;
    position: relative
}

.image-editor-photo .image-container {
    width: 150px;
    height: 150px;
    border: 3px solid #aaa
}

.image-editor-photo .options {
    position: absolute;
    top: 110px;
    right: 0;
    background-color: #aaa;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px 0 0 4px;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.image-editor-photo .options a {
    color: #fff;
    text-decoration: none;
    margin-left: 12px;
    cursor: pointer
}

.image-editor-photo .options a:hover {
    opacity: .5
}

.image-editor-photo .js-upload-progress {
    position: absolute;
    top: 55px;
    left: 55px;
    color: #555;
    opacity: .5
}

.image-editor-fileinput {
    visibility: hidden;
    height: 0
}

.image-editor-group.imageupload-group {
    border: 0
}

.image-editor-crop-container {
    height: 480px;
    width: 480px
}

.image-editor-photo:hover .options {
    opacity: 1
}

.image-editor-photo .options a:first-child {
    margin-left: 0
}

.activeusers .recent i {
    color: #5cb85c
}

.activeusers .not-recent i {
    color: #f0ad4e
}

.nav-paging .btn-prev {
    float: left
}

.nav-paging .btn-next {
    float: right
}

.list-horizontal:before,
.list-horizontal:after {
    content: " ";
    display: table
}

.list-horizontal:after {
    clear: both
}

.list-horizontal li {
    float: left;
    margin-right: 2px;
    margin-bottom: 4px
}

.key-value-rows .controls-row {
    margin-bottom: 6px
}

.contextsetter {
    margin-right: 2px
}

ul.list-group-panel,
.panel-collapse {
    margin: 0
}

ul.list-group-panel .list-group,
.panel-collapse .list-group {
    margin-bottom: 0
}

ul.list-group-panel .list-group-item,
.panel-collapse .list-group-item {
    border-radius: 0;
    border: 0;
    border-top: 1px solid #ddd
}

ul.list-group-panel .list-group-item:first-child,
.panel-collapse .list-group-item:first-child {
    border: 0
}

.slidingdaterange-select,
.slidingdaterange-number,
.slidingdaterange-daterange .input-group {
    margin-bottom: 6px
}

.photo-round {
    background-size: cover;
    background-repeat: no-repeat
}

.photo-round.photo-round-sm {
    height: 35px;
    width: 35px;
    border-radius: 17.5px
}

.photo-round.photo-round-xs {
    height: 20px;
    width: 20px;
    border-radius: 17.5px
}

.wizard {
    background-color: #eee;
    padding: 8px 0;
    margin: -15px;
    margin-bottom: 24px;
    margin-top: -16px
}

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

.wizard:after {
    clear: both
}

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

.wizard-item-icon {
    background-color: #de2e31;
    border-radius: 24px;
    padding: 6px 8px;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 auto
}

.wizard-item-label {
    font-weight: 300;
    font-size: 12px;
    color: #737373
}

.wizard-item {
    min-width: 100px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 1
}

@media (min-width: 992px) {
    .wizard-item {
        min-width: 175px
    }
}

.wizard-item:before {
    border-top: 4px solid #bbb;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.wizard-item.active:before {
    border-top: 4px solid #a2a2a2
}

.wizard-item.active .wizard-item-icon {
    background-color: #7a1315;
    color: #fff
}

.wizard-item.active .wizard-item-label {
    color: #333
}

.wizard-item.complete:before {
    border-top: 4px solid #a2a2a2
}

.wizard-item.complete .wizard-item-icon {
    background-color: #7a1315;
    color: #fff
}

.wizard-item.complete .wizard-item-label {
    color: #333
}

.wizard-item:first-child:before {
    left: 55px
}

@media (min-width: 992px) {
    .wizard-item:first-child:before {
        left: 100px
    }
}

.wizard-item:last-child:before {
    right: 55px
}

@media (min-width: 992px) {
    .wizard-item:last-child:before {
        right: 100px
    }
}

.rock-checkbox-icon {
    cursor: pointer
}

.panel .panel-heading.panel-follow {
    position: relative;
    padding-right: 40px
}

.panel-follow-status {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 35px;
    text-align: center;
    padding-top: 10px;
    opacity: .4;
    color: #333;
    -webkit-transition: 1s;
    transition: 1s;
    border-left: 1px solid #aaa;
    cursor: pointer
}

.panel-follow-status:before {
    font-family: FontAwesome;
    content: "\f006"
}

.panel-follow-status.following {
    opacity: 1;
    background-color: #c4c4c4;
    color: #fff
}

.panel-follow-status.following:before {
    content: "\f005"
}

.number-range-editor .form-control-group .form-control {
    margin-bottom: 6px
}

.date-range-picker .input-group {
    margin-bottom: 6px
}

.btn-copy-to-clipboard:focus {
    outline: 0
}


/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */

.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url("../../../Assets/Images/bootstrap-colorpicker/saturation.png");
    cursor: crosshair;
    float: left
}

.colorpicker-saturation i {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    margin: -4px 0 0 -4px
}

.colorpicker-saturation i b {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    border-radius: 5px
}

.colorpicker-hue,
.colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px
}

.colorpicker-hue i,
.colorpicker-alpha i {
    display: block;
    height: 1px;
    background: #000;
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -1px
}

.colorpicker-hue {
    background-image: url("../../../Assets/Images/bootstrap-colorpicker/hue.png")
}

.colorpicker-alpha {
    background-image: url("../../../Assets/Images/bootstrap-colorpicker/alpha.png");
    display: none
}

.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
    background-size: contain
}

.colorpicker {
    *zoom: 1;
    top: 0;
    left: 0;
    padding: 4px;
    min-width: 130px;
    margin-top: 1px;
    border-radius: 4px;
    z-index: 2500
}

.colorpicker:before,
.colorpicker:after {
    display: table;
    content: "";
    line-height: 0
}

.colorpicker:after {
    clear: both
}

.colorpicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px
}

.colorpicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.colorpicker div {
    position: relative
}

.colorpicker.colorpicker-with-alpha {
    min-width: 140px
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
    display: block
}

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url("../../../Assets/Images/bootstrap-colorpicker/alpha.png");
    background-position: 0 100%
}

.colorpicker-color div {
    height: 10px
}

.colorpicker-selectors {
    display: none;
    height: 10px;
    margin-top: 5px;
    clear: both
}

.colorpicker-selectors i {
    cursor: pointer;
    float: left;
    height: 10px;
    width: 10px
}

.colorpicker-selectors i+i {
    margin-left: 3px
}

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
    display: inline-block;
    cursor: pointer;
    height: 16px;
    vertical-align: text-top;
    width: 16px
}

.colorpicker.colorpicker-inline {
    position: relative;
    display: inline-block;
    float: none;
    z-index: auto
}

.colorpicker.colorpicker-horizontal {
    width: 110px;
    min-width: 110px;
    height: auto
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
    margin-bottom: 4px
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
    width: 100px
}

.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    width: 100px;
    height: 15px;
    float: left;
    cursor: col-resize;
    margin-left: 0;
    margin-bottom: 4px
}

.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
    display: block;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    border: none;
    margin-top: 0
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
    background-image: url("../../../Assets/Images/bootstrap-colorpicker/hue-horizontal.png")
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    background-image: url("../../../Assets/Images/bootstrap-colorpicker/alpha-horizontal.png")
}

.colorpicker.colorpicker-hidden {
    display: none
}

.colorpicker.colorpicker-visible {
    display: block
}

.colorpicker-inline.colorpicker-visible {
    display: inline-block
}

.colorpicker-right:before {
    left: auto;
    right: 6px
}

.colorpicker-right:after {
    left: auto;
    right: 7px
}

.error-wrap {
    text-align: center;
    max-width: 450px;
    margin: 0 auto
}

.error-wrap h1 {
    font-size: 45px
}

.error-wrap .error-icon {
    font-size: 256px;
    line-height: 256px;
    margin: 15px;
    opacity: .7
}

.error-wrap .error-icon.info {
    color: #5bc0de
}

.error-wrap .error-icon.warning {
    color: #f0ad4e
}

.error-wrap .error-icon.danger {
    color: #d9534f
}

.error-details pre {
    background-color: transparent;
    border: 0;
    color: #a94442
}

.rock-blank {
    background-color: #fff
}

.rock-blank main.container {
    margin: 0;
    padding: 12px
}

.exceptionDetail-stackTrace-hide {
    display: none
}

.exceptionDetail-stackTrace-show {
    display: table-row
}

.exceptionDetail-stackTrace-show pre {
    padding: 0;
    background-color: transparent;
    border-color: transparent;
    color: inherit
}

.scroll-container {
    clear: both
}

.scroll-container .viewport {
    overflow: hidden;
    position: relative
}

.scroll-container .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0
}

.scroll-container .track {
    position: relative;
    background-color: #aaa;
    border-radius: 4px;
    padding: 0
}

.scroll-container .thumb {
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    border-radius: 120px;
    background-color: #ccc;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.scroll-container .disable {
    display: none
}

.scroll-container-vertical {
    width: 520px
}

.scroll-container-vertical .viewport {
    width: 500px;
    height: 375px
}

.scroll-container-vertical .overview {
    width: 100%
}

.scroll-container-vertical .scrollbar {
    position: relative;
    float: right;
    width: 15px
}

.scroll-container-vertical .track {
    height: 100%;
    width: 1px;
    border-radius: 4px
}

.scroll-container-vertical .thumb {
    height: 20px;
    width: 13px;
    top: 0;
    margin-left: -6px
}

.scroll-container-horizontal {
    width: 100%;
    margin: 0
}

.scroll-container-horizontal .viewport {
    width: 100%;
    min-height: 200px
}

.scroll-container-horizontal .scrollbar {
    position: relative;
    height: 15px;
    clear: both;
    margin: 0 auto
}

.scroll-container-horizontal .track {
    height: 1px;
    width: 13px;
    padding: 0 1px
}

.scroll-container-horizontal .thumb {
    margin-top: -8px;
    border-radius: 10px;
    height: 13px;
    width: 20px
}

.noSelect {
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.accent-color {
    background-color: #7a1315;
    color: #fff
}

.accent-color-bordered {
    background-color: #7a1315;
    color: #fff;
    border: 1px solid #4e0c0d
}

.accent-light-color {
    background-color: #222;
    color: #d5d5d5
}

.accent-light-color-bordered {
    background-color: #222;
    color: #d5d5d5;
    border: 1px solid #090909
}

.accent-semibold-color {
    background-color: #aaa;
    color: #1e1e1e
}

.accent-semibold-color-bordered {
    background-color: #aaa;
    color: #1e1e1e;
    border: 1px solid #919191
}

.accent-bold-color {
    background-color: #7a1315;
    color: #444
}

.accent-bold-color-bordered {
    background-color: #7a1315;
    color: #444;
    border: 1px solid #4e0c0d
}

.primary-color {
    background-color: #7a1315;
    color: #fff
}

.theme-color-1 {
    background-color: #7a1315;
    color: #fff
}

.theme-color-1-bordered {
    background-color: #7a1315;
    color: #fff;
    border: 1px solid #4e0c0d
}

.theme-color-2 {
    background-color: #222;
    color: #d5d5d5
}

.theme-color-2-bordered {
    background-color: #222;
    color: #d5d5d5;
    border: 1px solid #090909
}

.theme-color-3 {
    background-color: #aaa;
    color: #1e1e1e
}

.theme-color-3-bordered {
    background-color: #aaa;
    color: #1e1e1e;
    border: 1px solid #919191
}

.theme-color-4 {
    background-color: #c4c4c4;
    color: #444
}

.theme-color-4-bordered {
    background-color: #c4c4c4;
    color: #444;
    border: 1px solid #aaa
}

.theme-color-5 {
    background-color: #ddd;
    color: #6a6a6a
}

.theme-color-5-bordered {
    background-color: #ddd;
    color: #6a6a6a;
    border: 1px solid #c4c4c4
}

.theme-color-6 {
    background-color: #eaeaea;
    color: #848484
}

.theme-color-6-bordered {
    background-color: #eaeaea;
    color: #848484;
    border: 1px solid #d0d0d0
}

.theme-color-7 {
    background-color: #5bc0de;
    color: #fff
}

.theme-color-7-bordered {
    background-color: #5bc0de;
    color: #fff;
    border: 1px solid #31b0d5
}

.bg-color {
    background-color: #fff
}

.text-color {
    color: #333
}

.is-inactive {
    opacity: .6
}

.cursor-pointer {
    cursor: pointer
}

.padding-all-none {
    padding: 0 !important
}

.padding-all-sm {
    padding: 7.5px !important
}

.padding-all-md {
    padding: 15px !important
}

.padding-all-lg {
    padding: 30px !important
}

.padding-all-xl {
    padding: 60px !important
}

.margin-all-none {
    margin: 0 !important
}

.margin-all-sm {
    margin: 7.5px !important
}

.margin-all-md {
    margin: 15px !important
}

.margin-all-lg {
    margin: 30px !important
}

.margin-all-xl {
    margin: 60px !important
}

.padding-v-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.padding-v-sm {
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important
}

.padding-v-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.padding-v-lg {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.padding-v-xl {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.margin-v-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.margin-v-sm {
    margin-top: 7.5px !important;
    margin-bottom: 7.5px !important
}

.margin-v-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.margin-v-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.margin-v-xl {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.padding-h-none {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.padding-h-sm {
    padding-right: 7.5px !important;
    padding-left: 7.5px !important
}

.padding-h-md {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.padding-h-lg {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.padding-h-xl {
    padding-right: 60px !important;
    padding-left: 60px !important
}

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

.margin-h-sm {
    margin-right: 7.5px !important;
    margin-left: 7.5px !important
}

.margin-h-md {
    margin-right: 15px !important;
    margin-left: 15px !important
}

.margin-h-lg {
    margin-right: 30px !important;
    margin-left: 30px !important
}

.margin-h-xl {
    margin-right: 60px !important;
    margin-left: 60px !important
}

.padding-t-none {
    padding-top: 0 !important
}

.padding-t-sm {
    padding-top: 7.5px !important
}

.padding-t-md {
    padding-top: 15px !important
}

.padding-t-lg {
    padding-top: 30px !important
}

.padding-t-xl {
    padding-top: 60px !important
}

.margin-t-none {
    margin-top: 0 !important
}

.margin-t-sm {
    margin-top: 7.5px !important
}

.margin-t-md {
    margin-top: 15px !important
}

.margin-t-lg {
    margin-top: 30px !important
}

.margin-t-xl {
    margin-top: 60px !important
}

.padding-b-none {
    padding-bottom: 0 !important
}

.padding-b-sm {
    padding-bottom: 7.5px !important
}

.padding-b-md {
    padding-bottom: 15px !important
}

.padding-b-lg {
    padding-bottom: 30px !important
}

.padding-b-xl {
    padding-bottom: 60px !important
}

.margin-b-none {
    margin-bottom: 0 !important
}

.margin-b-sm {
    margin-bottom: 7.5px !important
}

.margin-b-md {
    margin-bottom: 15px !important
}

.margin-b-lg {
    margin-bottom: 30px !important
}

.margin-b-xl {
    margin-bottom: 60px !important
}

.padding-r-none {
    padding-right: 0 !important
}

.padding-r-sm {
    padding-right: 7.5px !important
}

.padding-r-md {
    padding-right: 15px !important
}

.padding-r-lg {
    padding-right: 30px !important
}

.padding-r-xl {
    padding-right: 60px !important
}

.margin-r-none {
    margin-right: 0 !important
}

.margin-r-sm {
    margin-right: 7.5px !important
}

.margin-r-md {
    margin-right: 15px !important
}

.margin-r-lg {
    margin-right: 30px !important
}

.margin-r-xl {
    margin-right: 60px !important
}

.padding-l-none {
    padding-left: 0 !important
}

.padding-l-sm {
    padding-left: 7.5px !important
}

.padding-l-md {
    padding-left: 15px !important
}

.padding-l-lg {
    padding-left: 30px !important
}

.padding-l-xl {
    padding-left: 60px !important
}

.margin-l-none {
    margin-left: 0 !important
}

.margin-l-sm {
    margin-left: 7.5px !important
}

.margin-l-md {
    margin-left: 15px !important
}

.margin-l-lg {
    margin-left: 30px !important
}

.margin-l-xl {
    margin-left: 60px !important
}

.row-eq-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    overflow: hidden
}

@media (min-width: 992px) {
    .row-eq-height-md {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        overflow: hidden
    }
}

@media (max-width:767px) {
    .xs-text-center {
        text-align: center
    }
    .xs-text-left {
        text-align: left
    }
    .xs-text-right {
        text-align: right
    }
}

@media (min-width:768px) {
    .sm-text-center {
        text-align: center
    }
    .sm-text-left {
        text-align: left
    }
    .sm-text-right {
        text-align: right
    }
}

@media (min-width:992px) {
    .md-text-center {
        text-align: center
    }
    .md-text-left {
        text-align: left
    }
    .md-text-right {
        text-align: right
    }
}

@media (min-width:1200px) {
    .lg-text-center {
        text-align: center
    }
    .lg-text-left {
        text-align: left
    }
    .lg-text-right {
        text-align: right
    }
}

.cke_dialog_contents {
    background-color: #fff !important
}

.cke_dialog_title {
    box-shadow: none !important;
    background-image: none !important;
    text-shadow: none !important;
    background-color: #222 !important;
    color: #d5d5d5 !important;
    padding: 10px 15px !important;
    min-height: 24px !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

.cke_dialog_close_button {
    background-image: none !important;
    height: 24px;
    width: 24px;
    right: 25px !important
}

.cke_dialog_close_button .cke_label {
    display: block !important;
    color: #222 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    margin-top: 8px
}

.cke_dialog_close_button .cke_label:after {
    content: "\f00d";
    color: #d5d5d5;
    font-family: FontAwesome
}

.cke_dialog_footer {
    background-color: #c4c4c4 !important;
    background-image: none !important;
    color: #444 !important;
    outline: none !important;
    padding: 8px !important;
    margin-top: 10px !important;
    box-shadow: none !important;
    border-radius: 0 0 4px 4px
}

a.cke_dialog_ui_button,
a.cke_dialog_ui_button:focus,
a.cke_dialog_ui_button:active {
    box-shadow: none !important;
    text-decoration: none !important;
    background: #777 !important;
    background-image: none !important;
    color: #fff !important;
    border: 1px solid #6a6a6a !important;
    border-radius: 4px;
    text-shadow: none !important;
    padding: 6px 2px !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important
}

a.cke_dialog_ui_button span {
    text-shadow: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important
}

a.cke_dialog_ui_button.cke_dialog_ui_button_cancel {
    background-color: transparent !important;
    color: #7a1315 !important;
    font-weight: normal !important;
    border: none !important
}

a.cke_dialog_ui_button.cke_dialog_ui_button_cancel:hover,
a.cke_dialog_ui_button.cke_dialog_ui_button_cancel:focus {
    color: #38090a;
    text-decoration: underline;
    background-color: transparent
}

a.cke_dialog_ui_button_ok,
a.cke_dialog_ui_button_ok:focus,
a.cke_dialog_ui_button_ok:active {
    background: #7a1315 !important;
    color: #fff !important;
    border: 1px solid #4e0c0d !important
}

@media (min-width:480px) {
    .ck-folders,
    .ck-files {
        float: left
    }
}

.ck-folders .scroll-container-vertical,
.ck-files .scroll-container-vertical {
    width: auto
}

.ck-folders .scroll-container-vertical .viewport,
.ck-files .scroll-container-vertical .viewport {
    width: auto
}

@media (min-width:480px) {
    .ck-folders {
        width: 40%
    }
}

.ck-folders .actions {
    margin-bottom: 15px
}

@media (max-width:767px) {
    .ck-folders .scroll-container-vertical .viewport {
        height: 100px
    }
}

@media (min-width:480px) {
    .ck-files {
        width: 60%
    }
}

.ck-files .fileupload-group {
    display: inline-block;
    border: none;
    padding: 0
}

.ck-files img.file-browser-image {
    width: 50px;
    height: 50px
}

iframe {
    border: 1px solid #ccc
}

.clickable {
    cursor: pointer
}

.tip {
    background-color: #71a5bf;
    color: #fff;
    padding: 0 6px 2px;
    border-radius: 4px;
    font-size: 11px
}

.tip.tip-liquid:after,
.tip.tip-lava:after {
    content:'{{ Lava }}'
}

.tip.tip-html:after {
    content: '< HTML />'
}

.navigation-tip {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    padding: 2px 4px;
    font-size: 90%;
    color: #31708f;
    background-color: #d9edf7;
    white-space: nowrap;
    border-radius: 4px
}

a.help {
    margin-left: 6px;
    outline: 0;
    color: #86b8cc
}

a.warning {
    margin-left: 6px;
    outline: 0;
    color: #f0ad4e
}

.help-message {
    font-weight: normal
}

.photo img {
    width: 100%
}

.well>h1,
.well>h2,
.well>h3,
.well>h4 {
    margin-top: 0
}

.alert-default {
    background-color: #eee;
    border-color: #d5d5d5;
    color: #333
}

.alert-default hr {
    border-top-color: #c8c8c8
}

.alert-default .alert-link {
    color: #1a1a1a
}

th[align=center] {
    text-align: center
}

.form-right {
    text-align: right;
    margin-bottom: 12px
}

.form-right:before,
.form-right:after {
    content: " ";
    display: table
}

.form-right:after {
    clear: both
}

.form-right .control-label {
    display: block
}

.form-right .input-group {
    float: right
}

.btn-tabled a:hover {
    text-decoration: underline
}

.control-label {
    font-weight: 700
}

.badge-danger {
    background-color: #d9534f !important;
    color: #fff !important
}

.badge-warning {
    background-color: #f0ad4e !important;
    color: #fff !important
}

.badge-success {
    background-color: #5cb85c !important;
    color: #fff !important
}

.badge-info {
    background-color: #5bc0de !important;
    color: #fff !important
}

.badge-critical {
    background-color: #ee7624 !important;
    color: #fff !important
}

.badge-legend .badge {
    margin-right: 4px;
    cursor: pointer
}

.popover-content {
    overflow: hidden
}

.popover-content header {
    margin: -9px -14px 8px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

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

.popover-content header:after {
    clear: both
}

.popover-content header img {
    float: left;
    margin-right: 6px;
    width: 32px
}

.popover-content header h3 {
    float: left;
    font-size: 18px;
    margin: 0 0 0 6px;
    font-weight: normal
}

.popover-content header h3 small {
    display: block
}

.popover-content .body div {
    margin-bottom: 2px
}

.popover-content .body div:last-child {
    margin-bottom: 0
}

.list-group-item:before,
.list-group-item:after {
    content: " ";
    display: table
}

.list-group-item:after {
    clear: both
}

.list-group-item .toggle-container {
    display: inline-block
}

.list-group-item .content {
    display: block;
    float: left
}

.panel-headerimage {
    margin: -15px -15px 15px -15px
}

.panel .panel-heading a.btn-link {
    color: #848484
}

.panel .panel-heading .panel-title small {
    opacity: .5
}

.panel .panel-heading .panel-options {
    margin: -10px -15px;
    float: right
}

.panel .panel-heading .panel-options button {
    border: 0;
    border-radius: 0;
    padding: 9px 12px 10px
}

.panel .panel-heading .checkbox {
    margin: 0
}

.panel .panel-heading .panel-labels {
    float: right
}

.panel .panel-heading .panel-actions {
    margin-top: 4px
}

.panel .panel-heading .form-group {
    margin-bottom: 0
}

.panel .panel-body {
    border-radius: 0 0 4px 4px
}

.panel .panel-footer {
    background-color: #f5f5f5;
    color: #333
}

.panel .panel-settings {
    margin: -15px -15px 30px -15px;
    background-color: #f1f1f1;
    padding: 15px;
    border-bottom: 1px solid #a5a5a5
}

.panel-widget {
    border-color: #d0d0d0
}

.panel-widget>.panel-heading {
    color: #848484;
    background-color: #eaeaea;
    border-color: #9d9d9d
}

.panel-widget>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d0d0d0
}

.panel-widget>.panel-heading .badge {
    color: #eaeaea;
    background-color: #848484
}

.panel-widget>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d0d0d0
}

.panel-widget .panel-heading {
    border: 0
}

.panel-widget .panel-heading .checkbox {
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
    float: left
}

.panel-widget .panel-heading .actions a {
    margin-left: 4px
}

.panel-widget .panel-heading small {
    color: #b7b7b7
}

.panel-persondetails {
    border-color: #d0d0d0;
    border-top-color: #c4c4c4
}

.panel-persondetails>.panel-heading {
    color: #848484;
    background-color: #eaeaea;
    border-color: #9d9d9d
}

.panel-persondetails>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d0d0d0
}

.panel-persondetails>.panel-heading .badge {
    color: #eaeaea;
    background-color: #848484
}

.panel-persondetails>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d0d0d0
}

.panel-persondetails .panel-heading .actions a {
    margin-left: 4px
}

.panel-persondetails .panel-body {
    background-color: #fff
}

.panel-persondetails .panel-body .form-group.static-control {
    margin-bottom: 2px
}

.panel-persondetails .panel-body .form-group.static-control:before,
.panel-persondetails .panel-body .form-group.static-control:after {
    content: " ";
    display: table
}

.panel-persondetails .panel-body .form-group.static-control:after {
    clear: both
}

.panel-persondetails .panel-body .form-group.static-control label {
    width: 40%;
    text-align: right;
    float: left;
    padding-right: 12px
}

.panel-persondetails .panel-body .form-group.static-control .form-control-static {
    width: 60%;
    float: left;
    padding-top: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.panel-persondetails .panel-body i.fa.fa-bars {
    cursor: pointer
}

.panel-block {
    border-color: #d0d0d0;
    border-top-color: #c4c4c4
}

.panel-block>.panel-heading {
    color: #848484;
    background-color: #eaeaea;
    border-color: #9d9d9d
}

.panel-block>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d0d0d0
}

.panel-block>.panel-heading .badge {
    color: #eaeaea;
    background-color: #848484
}

.panel-block>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d0d0d0
}

.panel-block>.panel-heading:before,
.panel-block>.panel-heading:after {
    content: " ";
    display: table
}

.panel-block>.panel-heading:after {
    clear: both
}

.panel-block>.panel-heading .panel-title {
    float: left    
}

.panel-block>.panel-heading .panel-title i {
    color: #6a6a6a
}

.panel-block .list-group-item {
    background-color: transparent
}

.panel-block .panel-body .grid.grid-panel {
    margin: -15px
}

.panel-block .panel-body .grid.grid-panel .grid-filter {
    border-radius: 0
}

.panel-block .panel-body .grid.grid-panel .table-bordered {
    border-width: 1px 0 0 0
}

.panel-block .panel-body .grid.grid-panel .table-bordered>tfoot>tr>td {
    border: 0
}

.panel-analytics .panel-body {
    padding-top: 0;
    padding-bottom: 0
}

.panel-analytics .panel-body>.row>[class*="col-"]:first-child {
    padding-top: 15px;
    padding-bottom: 15px
}

.panel-analytics .panel-body .col-md-9 {
    margin-right: -2px
}

.panel-analytics .panel-body .grid.grid-panel {
    margin-bottom: 0
}

.panel-analytics .filter-options {
    background-color: #eaeaea
}

.panel-analytics .analysis-types {
    padding: 15px 0;
    background-color: #eaeaea;
    margin-bottom: 15px
}

.btn.aspNetDisabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.btn-action {
    color: #fff;
    background-color: #777;
    border-color: #6a6a6a
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.open>.dropdown-toggle.btn-action {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #4c4c4c
}

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

.btn-action.disabled,
.btn-action[disabled],
fieldset[disabled] .btn-action,
.btn-action.disabled:hover,
.btn-action[disabled]:hover,
fieldset[disabled] .btn-action:hover,
.btn-action.disabled:focus,
.btn-action[disabled]:focus,
fieldset[disabled] .btn-action:focus,
.btn-action.disabled:active,
.btn-action[disabled]:active,
fieldset[disabled] .btn-action:active,
.btn-action.disabled.active,
.btn-action[disabled].active,
fieldset[disabled] .btn-action.active {
    background-color: #777;
    border-color: #6a6a6a
}

.btn-action .badge {
    color: #777;
    background-color: #fff
}

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

.btn-security:hover,
.btn-security:focus,
.btn-security:active,
.btn-security.active,
.open>.dropdown-toggle.btn-security {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

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

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

.btn-security .badge {
    color: #fff;
    background-color: #333
}

.btn-authenication {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    width: 100%
}

.btn-authenication:hover,
.btn-authenication:focus,
.btn-authenication:active,
.btn-authenication.active,
.open>.dropdown-toggle.btn-authenication {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

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

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

.btn-authenication .badge {
    color: #fff;
    background-color: #333
}

.btn-authenication:hover {
    background-color: #e6e6e6
}

.btn-authenication.facebook:before {
    font-family: 'FontAwesome';
    content: "\f09a";
    margin-right: 12px
}

.btn-authenication.google:before {
    font-family: 'FontAwesome';
    content: "\f1a0";
    margin-right: 12px
}

.btn-authenication.twitter:before {
    font-family: 'FontAwesome';
    content: "\f099";
    margin-right: 12px
}

.btn-minimal {
    text-decoration: none;
    color: #808080;
    padding: 0
}

.panel-card {
    border-width: 0;
    margin-bottom: 30px
}

.panel-card .panel-body {
    display: block;
    height: 267px;
    position: relative;
    background: #777;
    color: #fff;
    border-radius: 4px 4px 0 0
}

.panel-card .panel-body a {
    color: inherit
}

.panel-card .panel-title {
    font-size: 31px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    margin: 15px;
    line-height: 32px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.panel-card .panel-footer {
    border-top: none;
    border-left: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd;
    line-height: 35px
}

.panel-card-withimg .panel-card-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    border-radius: 4px 4px 0 0
}

.panel-card-withimg .panel-card-img:before {
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.panel-card-withimg .panel-title {
    top: auto;
    bottom: 0
}

.panel-card-withimg.panel-card-hideoverlay .panel-card-img:before {
    display: none
}

.panel-card-withimg.panel-card-hideoverlay .panel-title {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.panel-card-half .panel-body {
    height: 90px
}

.panel-card-primary .panel-body {
    background-color: #7a1315
}

.panel-card-black .panel-body {
    background-color: #222
}

h3.panel-title {
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}