body.kbEdition {
    background: #fff url(../img/body-bg.png) repeat;
    background-attachment: fixed;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

a {
    color: #76a033
}

a:hover {
    color: #4c6d17
}

#alerts,#persistentAlerts {
    left: 50%;
    margin-left: -375px;
    position: fixed;
    top: 2px;
    width: 445px;
    z-index: 600;
}

#alerts .alert {
    padding: 5px 30px 5px 10px
}

#alerts .alert .close {
    top: 0
}

#xper-nav {
    z-index: 500
}

#xper-nav .brand {
    background: url(../img/xper3-logo.png) 50% 60% no-repeat;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    height: 31px;
    padding: 5px 20px 1px;
    text-indent: -9999px;
    width: 92px
}

#xper-nav .nav {
    font-size: 12px
}

#xper-nav .navbar-inner {
    background: #333 url(../img/xper-nav-bg.png) top repeat-x;
    border-bottom: 1px solid #131213;
    border-top: 1px solid #303131;
    -webkit-box-shadow: none;
            box-shadow: none;
    min-height: inherit
}

#xper-nav .nav>li>a {
    color: #dfdac2;
    padding: 9px 10px
}

#xper-nav .nav>li>a:hover {
    color: #f1efe6
}

#xper-nav .nav>li>a,#main-nav .nav>li>a {
    text-decoration: none;
    text-shadow: none
}

#xper-nav .divider-vertical {
    background-color: #dfdac2;
    border-right: 0;
    height: 13px;
    margin-top: 12px
}

#main-nav .navbar-inner {
    -webkit-filter: none;
            filter: none
}

#main-nav {
    top: 39px;
    z-index: 400
}

#main-nav .navbar-inner {
    background: #ddd url(../../resources/img/main-nav-bg.jpg) top repeat-x;
    border-bottom: 1px solid #bcb8b8;
    border-top: 1px solid #fff;
    -webkit-box-shadow: none;
            box-shadow: none
}

.ie7 #main-nav,.ie7 #main-nav .navbar-inner {
    height: 93px
}

#base-nav,#main-nav .navbar-search {
    font-size: 12px;
    padding: 12px 0
}

#base-nav a {
    color: #777
}

#base-nav>li>a {
    line-height: 22px;
    padding: 6px 10px
}

#tabs-nav>li>a {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.15);
    color: #777;
    margin-right: 3px;
    margin-top: 3px;
    padding: 5px 10px
}

#tabs-nav>.active>a {
    background: #fff url(../img/body-bg.png) repeat;
    border-bottom: 0;
    color: #555;
    margin-top: 0;
    padding: 7px 10px
}

#tabs-nav a:focus {
    color: #000;
    outline: 0
}

#base-btn {
    background: #a0ca54 url(../../resources/img/base-btn-bg.png) top
    repeat-x;
    border-color: #86b96f #89b576 #658d54;
    line-height: 15px !important;
    margin-left: 0;
    padding: 8px 16px
}

.btn-group.open #base-btn {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15)
}

#base-btn i {
    margin-right: 2px;
    width: 16px
}

#base-btn .caret {
    border-top-color: #fff
}

.open #base-btn .caret {
    margin-top: 7px
}

#base-btn,#base-nav .btn-group {
    margin-top: 0
}

#base-nav .btn-group {
    padding: 0
}

#base-nav .dropdown-menu:before {
    left: 17px
}

#base-nav .dropdown-menu:after {
    left: 18px
}

#base-nav .base-name {
    font-size: 22px;
    line-height: 40px;
    padding: 0 10px 0 20px
}

#base-nav .base-name a {
    color: #555;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 400px;
}

#main-nav .nav>.base-name>a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    -webkit-filter: dropshadow(color =   #ffffff, offx =   0, offy =   1);
            filter: dropshadow(color =   #ffffff, offx =   0, offy =   1)
}

#base-nav .divider-vertical {
    background-color: #cacaca;
    border-right: 0;
    height: 14px;
    margin-top: 11px;
    margin-left: 0px;
    margin-right: 0px;
}

#base-nav .share i {
    margin-right: 4px
}

#base-nav .share a:hover {
    color: #76a033;
    text-decoration: underline
}

#base-nav .users .badge {
    background-color: #e1dedd;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
    rgba(255, 255, 255, 0.8);
            box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
    rgba(255, 255, 255, 0.8);
    color: #565d63;
    font-size: 11px;
    padding: 1px 7px;
    text-shadow: none
}

#base-nav .users a:hover .badge {
    background: #beda75;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #beda75), color-stop(100%, #87bc41));
    background: -webkit-linear-gradient(top, #beda75 0, #87bc41 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #beda75), to(#87bc41));
    background: -moz-linear-gradient(top, #beda75 0, #87bc41 100%);
    background: linear-gradient(top, #beda75 0, #87bc41 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beda75', endColorstr='#87bc41', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4)
}

#base-nav .save-status {
    font-style: italic
}

#main-nav .navbar-search .search-query {
    background: #fff;
    border-color: #cacaca;
    color: #777
}

#main-nav .nav .active>a,#main-nav .nav .active>a:hover {
    background-color: #fff
}

#main-nav .nav .dropdown-menu .active>a,#main-nav .nav .dropdown-menu .active>a:hover
{
    background-color: #ddedfa;
    color: #333;
    font-weight: bold
}

#tabs-nav {
    border-bottom: 0
}

.ie7 #main-nav .tabbable {
    clear: both
}

#tabs-nav .caret {
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    opacity: .5;
    vertical-align: text-top
}

#tabs-nav a:hover .caret {
    opacity: 1
}

#importModal .radio,#exportModal .radio {
    float: left;
    padding-top: 0;
    width: 40%
}

#exportModal{
    width: 670px;
}

footer {
    background: #333 url(../../resources/img/footer-bg.png) top repeat-x;
    border-top: 1px solid #2c282b;
    bottom: 0;
    font-size: 12px;
    position: fixed;
    text-align: center;
    width: 100%
}

footer .nav {
    margin: 6px 0
}

footer .nav li+li {
    margin-left: 20px
}

footer .nav li,footer .nav li>a {
    display: inline
}

footer .nav>li>a {
    color: #dfdac2
}

footer .nav>li>a:hover {
    background: 0;
    color: #f1efe6
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 240px;
    width: 220px;
    display: none
}

.popover.wider {
    width: 340px
}

.popover.large {
    width: 470px;
    max-height: 350px
}

.popover .arrow,.popover .top-arrow {
    position: absolute;
    top: 1px;
    left: 50%;
    margin: -10px 0 0 -3px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid white
}

.popover .bottom-arrow {
    top: 100%;
    left: 50%;
    margin: 0 0 0 -3px;
    border-top: 5px solid white;
    border-bottom: 5px solid transparent
}

.popover .left-arrow {
    top: 50%;
    left: -10px;
    margin: -3px 0 0;
    border-right: 5px solid white;
    border-bottom: 5px solid transparent
}

.popover .right-arrow {
    top: 50%;
    left: 100%;
    margin: -3px 0 0;
    border-left: 5px solid white;
    border-bottom: 5px solid transparent
}

.popover .wrap {
    background: white;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover .title {
    color: white;
    font-size: 1.3em;
    text-align: center;
    padding: 8px 0 0 0;
    height: 27px
}

.popover .content {
    padding: 0;
    max-height: 250px;
    overflow: auto;
    line-height: 1.3em;
    font-size: .9em
}

.popover .content a i {
    margin-right: 5px
}

.popover .content dl {
    margin: 15px 0 0
}

.popover .content dl dt {
    color: #999;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 0 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase
}

.popover .content dl dd {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 10px;
    padding: 0 15px 10px
}

.popover .content .footer {
    color: #aaa;
    padding: 5px 15px 15px
}

.popover.wider {
    width: 340px
}

.list-wrapper,
.tree-wrapper,
.details-wrapper {
    position: relative !important;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

.items.tree-wrapper,
.descriptors.tree-wrapper,
.descriptors.group-tree-wrapper {
    display: none;
}

.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.row-flex [class*="span"] {
    float: none;
    margin-left: 0;
}

.row-flex .span6 {
    width: 50%;
}

#groupUpdateForm textarea,
#groupUpdateForm input[type="text"],
#itemUpdateForm textarea,
#itemUpdateForm input[type="text"],
#descriptorUpdateForm textarea,
#descriptorUpdateForm input[type="text"] {
    width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px);
}

.block {
    border: 1px solid #ddd;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.block+.block {
    margin-top: 20px
}

.block-full-height {
    width: 100%;
}

.block .block-header {
    overflow: hidden;
    background: #e5e5e5 url(../img/block-nav-bg.png) top repeat;
    color: #555;
    height: 34px
}

.block .block-header .nav-tabs>li.active>a {
    font-weight: bold
}

.block .block-header .nav-tabs>li>a {
    color: #777;
    border-width: 0;
    line-height: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
}

.block .block-header .block-title {
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
}

.block table {
    margin-bottom: 0
}

.block-items-list .block-header,.block-items-list .block-header tr,.block-items-list .block-footer,.block-items-list .block-footer tr
{
    display: block
}

.block-items-list .block-footer td {
    padding: 4px 2px;
}

#itemCreationFormInList,
#descriptorCreationFormInList,
#descriptorSearchFormInList,
#itemSearchFormInList {
    margin: 3px 0;
    width: 230px;
}

.block-items-list .block-header tr {
    line-height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.block-items-list .block-header tr th:nth-child(2) {
    -webkit-box-flex: 2;
            -webkit-flex-grow: 2;
            flex-grow: 2;
}

.block-items-list .block-footer tr td:last-child {
    padding-left: 0
}

.block-items-list .block-footer tr td:first-child {
    line-height: 26px;
    text-align: center;
    width: 24px;
}

.block-items-list .block-header .buttons {
    float: right;
    line-height: 25px
}

.block-items-list .block-header .block-title {
    float: left;
    line-height: 25px;
}

.block-items-list .block-header .btn-small {
    padding: 3px 4px;
    line-height: 13px
}

.block-items-list .block-footer {
    background: #e5e5e5 url(../img/block-nav-bg.png) top repeat;
    color: #777
}

.search-icon {
    display: block;
    margin-top: 9px;
}

.block-items-list .block-content {
    display: block;
    -ms-overflow-y: scroll;
    overflow-y: scroll;
    width: inherit
}

.block-items-list .block-content tr.item,
.block-items-list .block-content tr.descriptor {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
}

.ie7 .block-items-list .block-content tr td {
    height: 18px
}

.block-items-list .block-header tr th:first-child,
.block-items-list .block-content tr td:first-child {
    text-align: center;
    width: 24px;
}

.block-items-list .block-content tr td:first-child {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
}

.block-items-list .block-content tr td:nth-child(2) {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
            flex-grow: 2;
}

.item-action,
.descriptor-action {
    min-width: 50px;
}

.block-items-list .block-content tr td:first-child {
    background: #ededec url(../../resources/img/block-gray-bg.jpg) repeat;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0
}

.block-items-list .block-content .item td,.block-items-list .block-content .descriptor td
{
    padding: 4px 2px;
}

.block-items-list .block-content tr.active td:first-child span {
    background-color: #457439;
    -webkit-border-radius: 9px;
            border-radius: 9px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
    rgba(255, 255, 255, 0.8);
            box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
    rgba(255, 255, 255, 0.8);
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 14px;
    width: 22px;
    padding: 0 1px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    border-radius: 9px;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0
    rgba(255, 255, 255, 0.8)
}

.block-items-list .block-content tr.active td {
    background: #afd262;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #afd262), color-stop(100%, #7cb23f));
    background: -webkit-linear-gradient(top, #afd262 0, #7cb23f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #afd262), to(#7cb23f));
    background: -moz-linear-gradient(top, #afd262 0, #7cb23f 100%);
    background: linear-gradient(top, #afd262 0, #7cb23f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afd262',
    endColorstr='#7cb23f', GradientType=0);
    color: #fff;
    text-shadow: 0 1px 0 #6b8e42;
    border-top: 1px solid #afd262
}

.block-items-list .block-content tr.active+tr td {
    border-top-color: #6b8c44
}

.block-items-list .block-content tr.active+tr td:first-child {
    border-top: 1px solid #6b8c44
}

.block-items-list .block-content .status {
    margin-left: 5px;
    vertical-align: sub
}

.block-items-list .block-content tr.active .status,.block-items-list .block-content tr:hover .status
{
    display: inline-block
}

.block-items-list .block-content .itemName {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.block-items-list .block-content .icon-xper-status-error {
    display: inline-block !important
}

.block-items-list .block-content tr:hover td {
    cursor: pointer
}

.ie7 .block-items-list .block-content .status {
    vertical-align: baseline
}

.ie7 .block-items-list .block-content .action-delete {
    line-height: 14px;
    vertical-align: baseline
}

.block-tree-view .block-header .block-title {
    float: left;
    line-height: 22px;
    padding-left: 12px;
    width: inherit
}

.block-tree-view .block-header>* {
    padding: 6px 3px
}

.block-tree-view .block-header .buttons {
    line-height: 25px;
    padding-right: 5px
}

.block-tree-view .block-content li {
    background-color: #e5e5e5;
    color: #333;
    border-top: 1px solid #ddd;
    margin-left: 0;
    width: 100%;
}

.block-tree-view .block-content li.active {
    background: #afd262;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #afd262), color-stop(18%, #7cb23f));
    background: -webkit-linear-gradient(top, #afd262 0, #7cb23f 18px);
    background: -moz-linear-gradient(top, #afd262 0, #7cb23f 18px);
    background: linear-gradient(top, #afd262 0, #7cb23f 18px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afd262',
    endColorstr='#7cb23f', GradientType=0);
    -webkit-filter: dropshadow(color =   #6b8e42, offx =   0, offy =   1);
            filter: dropshadow(color =   #6b8e42, offx =   0, offy =   1);
    border-top: 1px solid #afd262;
    height: 100%
}

.block-tree-view .block-content li.active a {
    color: #fff;
    text-shadow: 0 1px 0 #6b8e42
}

.block-tree-view .block-content li.active li a {
    color: #333;
    text-shadow: none
}

.block-tree-view .block-content>ul>li {
    padding-left: 0
}

.block-tree-view .block-content li li {
    background-color: #ebebe8
}

.block-tree-view .block-content li li li {
    background-color: #f6f6f6
}

.block-tree-view .block-content li li li li {
    background-color: #fff
}

.block-tree-view .block-content li li li li li a {
    color: #555
}

.block-tree-view .block-content li li li li li li a {
    color: #888
}

.block-tree-view .block-content li.hover {
    background-color: #ddedfa
}

.block-tree-view .block-content li.hover>.action-add-child {
    display: inline;
    cursor: pointer
}

.block-tree-view .block-content li.hover>.action-delete {
    display: block;
    cursor: pointer
}

.action-delete {
    font-size: 25px;
    margin-left: 2px;
}

.position-up i,
.position-down i,
.action-edit {
    opacity: .3;
    margin-top: 2px;
    margin-left: 0px;
    width: 16px;
}

.action-edit {
    margin-right: 2px;
}

.state-action {
    width: 80px;
    text-align: right!important;
}

.action-edit:hover {
    cursor: pointer;
    opacity: .6
}

.block-tree-view .block-content .hover>.action-edit {
    display: block;
    cursor: pointer
}

.block-tree-view .block-content li.hover>.action-delete-for-tree {
    display: inline;
    cursor: pointer
}

.block-tree-view .block-content li.hover>.status {
    display: inline-block
}

.ie7 .block-tree-view .block-content li.hover .status {
    vertical-align: baseline
}

.block-tree-view .block-content li .action-add-child {
    display: none;
    border-right: 1px solid #cacaca;
    padding-left: 4px
}

.block-tree-view .block-content li .action-add-child i {
    opacity: .3
}

.block-tree-view .block-content li .action-add-child:hover i {
    opacity: .6
}

.block-tree-view .block-content li .action-delete {
    padding-right: 6px
}

.block-tree-view .block-content li .action-delete-for-tree {
    float: none;
    display: none
}

.block-tree-view .block-content .jstree-ocl,.block-tree-view .block-content li a,.block-tree-view .block-content li span
{
    height: 18px;
    line-height: 18px;
    padding: 4px
}

.block-tree-view .block-content .jstree-ocl {
    background-image: url(../../resources/img/tree-icons.png);
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    text-align: center;
    width: 16px
}

.block-tree-view .block-content li li .jstree-ocl {
    margin-left: 20px
}

.block-tree-view .block-content li li li .jstree-ocl {
    margin-left: 30px
}

.block-tree-view .block-content li li li li .jstree-ocl {
    margin-left: 40px
}

.block-tree-view .block-content li.jstree-leaf .jstree-ocl {
    background-image: none;
    cursor: default
}

.block-tree-view .block-content .jstree-closed>.jstree-ocl {
    background-position: 10px 3px
}

.block-tree-view .block-content .jstree-open>.jstree-ocl {
    background-position: 10px -39px
}

.block-tree-view .block-footer {
    padding: 5px 0 4px 36px
}

.block {
    background-color: #fff
}

.block-tabs .block-content {
    display: block;
    padding: 14px;
    width: auto;
}

.block-gallery {
    background-image: url(../../resources/img/block-gray-bg.jpg);
    background-repeat: repeat;
    margin-top: 15px
}

.block-gallery .block-header .close {
    padding: 12px
}

.block-gallery .carousel {
    margin-bottom: 0
}

.block-gallery .block-content ol {
    font-size: 12px;
    list-style: none outside none;
    margin: 0;
    min-height: 155px;
    padding: 15px
}

.block-gallery .carousel-inner:before,.block-gallery .carousel-inner:after
{
    content: "";
    display: table
}

.block-gallery .carousel-inner:after {
    clear: both
}

.block-gallery .block-content ol>li {
    -webkit-border-radius: 5px;
            border-radius: 5px;
    float: left;
    padding: 5px 5px 25px;
    width: 136px
}

.block-gallery .block-content ol>li+li {
    margin-left: 1px
}

.block-gallery .block-content .picture {
    background: #fff;
    -webkit-border-radius: 5px;
    border: 4px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    height: 82px;
    overflow: hidden;
    margin-bottom: 8px;
    text-align: center;
    width: 130px
}

.block-gallery .block-content .picture-name {
    color: #777;
    font-size: smaller;
    text-align: center
}

.block-gallery .block-content .picture-options {
    border-top: 1px solid #e5e5e5;
    display: none;
    margin-top: 6px;
    padding-top: 4px
}

.block-gallery .block-content .picture-options .edit {
    color: #76a033
}

.block-gallery .block-content .picture-options i {
    margin-right: 4px
}

.block-gallery .block-content ol>li:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 5px
}

.block-gallery .block-content ol>li:hover .picture {
    background: url(../../resources/img/gallery-image-bg.png) repeat;
    border: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 90px;
    padding: 0;
    width: 136px
}

.block-gallery .block-content ol>li .picture img {
    max-height: 200px;
    max-width: 200px;
    -webkit-transition-property: max-height, max-width;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: max-height, max-width;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    transition-property: max-height, max-width;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.block-gallery .block-content ol>li:hover .picture img {
    max-height: 100px;
    max-width: 136px
}

.block-gallery .block-content ol>li:hover .picture-options {
    display: block
}

.block-gallery .block-footer {
    clear: both;
    padding: 0 12px 12px;
    overflow: auto
}

.block-gallery .block-footer .pagination {
    color: #777;
    font-size: 11px;
    margin-left: 5px
}

.carousel-inner:before,.block-gallery .carousel-inner:after {
    content: "";
    display: table
}

.block-gallery .carousel-inner:after {
    clear: both
}

.block-gallery .block-content ol>li {
    -webkit-border-radius: 5px;
            border-radius: 5px;
    float: left;
    padding: 5px 5px 25px;
    width: 136px
}

.block-gallery .block-content ol>li+li {
    margin-left: 1px
}

.block-gallery .block-content .picture {
    background: #fff;
    -webkit-border-radius: 5px;
    border: 4px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    height: 82px;
    overflow: hidden;
    margin-bottom: 8px;
    text-align: center;
    width: 130px
}

.block-gallery .block-content .picture-name {
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-gallery .block-content .picture-options {
    border-top: 1px solid #e5e5e5;
    display: none;
    margin-top: 6px;
    padding-top: 4px
}

.block-gallery .block-content .picture-options .edit {
    color: #76a033
}

.block-gallery .block-content .picture-options i {
    margin-right: 4px
}

.block-gallery .block-content ol>li:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 5px
}

.block-gallery .block-content ol>li:hover .picture {
    background: url(../../resources/img/gallery-image-bg.png) repeat;
    border: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 90px;
    padding: 0;
    width: 136px
}

.block-gallery .block-content ol>li .picture img {
    max-height: 200px;
    max-width: 200px;
    -webkit-transition-property: max-height, max-width;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property: max-height, max-width;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-out;
    transition-property: max-height, max-width;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.block-gallery .block-content ol>li:hover .picture img {
    max-height: 80px;
    width: 126px
}

.block-gallery .block-content ol>li:hover .picture-options {
    display: block
}

.block-gallery .block-footer {
    clear: both;
    padding: 0 12px 12px;
    overflow: auto
}

.block-gallery .block-footer .pagination {
    color: #777;
    font-size: 11px;
    margin-left: 5px
}

.round-buttons .btn {
    -webkit-border-radius: 50px;
            border-radius: 50px;
    min-width: 18px;
    padding: 4px
}

.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover
{
    color: #333;
    background-color: #ddedfa
}

#nameOfElementResources {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 220px;
    display: inline-block;
    text-align: right;
}

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

.table tbody tr:hover td,.table tbody tr:hover th {
    background-color: #ddedfa
}

#categoricalDescriptorStatesContainer .table tbody tr:hover td {
    background-color: #fff
}

#states_list {
    margin-left: 0px;
}

#calculatedStates_list {
    margin-left: 0px;
}

input:focus,textarea:focus {
    border-color: #97b946;
    -webkit-box-shadow: 0 0 8px rgba(174, 210, 110, 0.6);
            box-shadow: 0 0 8px rgba(174, 210, 110, 0.6)
}

.tooltip {
    font-size: 12px
}

.tooltip.top .tooltip-arrow {
    border-top: 5px solid #42403c
}

.tooltip.left .tooltip-arrow {
    border-left: 5px solid #42403c
}

.tooltip.bottom .tooltip-arrow {
    border-bottom: 5px solid #42403c
}

.tooltip.right .tooltip-arrow {
    border-right: 5px solid #42403c
}

.tooltip-inner {
    background-color: #42403c
}

.btn-primary {
    background-color: #beda75;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#beda75), to(#87bc41));
    background-image: -webkit-linear-gradient(top, #beda75, #87bc41);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#beda75), to(#87bc41));
    background-image: -moz-linear-gradient(top, #beda75, #87bc41);
    background-image: linear-gradient(top, #beda75, #87bc41);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#beda75', endColorstr='#87bc41', GradientType=0);
    border-color: #87bc41 #87bc41 #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=   false)
}

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]
{
    background-color: #87bc41;
}

.dropdown-toggle {
    *margin-bottom: 0
}

.dropdown-toggle {
    *margin-bottom: 0
}

.typeahead {
    margin-top: -85px;
    margin-left: 205px;
}

.block-items-list .typeahead {
    margin-top: -105px;
}

.icon-grey {
    background-image:
    url("../../resources/img/glyphicons-halflings-grey.png")
}

[class^="icon-xper-"],[class*=" icon-xper-"] {
    background-image: url("../../resources/img/xpericons-halflings-mod.png")
}

.icon-white[class^="icon-xper-"],.icon-white[class*=" icon-xper-"] {
    background-image:
    url("../../resources/img/xpericons-halflings-white-mod.png")
}

.icon-grey[class^="icon-xper-"],.icon-white[class*=" icon-xper-"] {
    background-image:
    url("../../resources/img/xpericons-halflings-grey-mod.png")
}

[class^="icon-xper-status-"],[class*=" icon-xper-status-"] {
    background-image: url("../../resources/img/xpericons-statuses.png");
    height: 14px;
    width: 13px
}

.icon-xper-users {
    background-position: 0 0
}

.icon-xper-id-key {
    background-position: -24px 0
}

.icon-xper-interactive-id {
    background-position: -48px 0;
    width: 23px
}

.icon-xper-hierarchy {
    background-position: 0 -24px
}

.icon-xper-dependence-hierarchy {
    background-position: -24px -24px
}

.icon-xper-knowledge-base {
    background-position: -48px -24px
}

.icon-xper-knowledge-bases {
    background-position: -72px -24px;
    width: 15px
}

.icon-xper-descriptor-simple {
    background-position: -72px 0;
    width: 15px
}

.icon-xper-descriptor-numerical {
    background-position: -96px 0;
    width: 15px
}

.icon-xper-descriptor-categorical {
    background-position: -120px 0;
    width: 15px
}

.icon-xper-descriptor-calculated {
    background-position: -144px 0;
    width: 15px
}

.icon-xper-resources {
    background-position: -96px -24px;
    width: 16px
}

.icon-xper-list {
    background-position: -120px -24px
}

.icon-xper-share {
    background-position: -168px -24px
}

.icon-xper-reorder {
    background-position: -144px -23px;
    width: 15px
}

.icon-xper-descriptionCompletion-quartile2 {
    background-position: 0 -48px;
    width: 15px
}

.icon-xper-descriptionCompletion-quartile3 {
    background-position: -24px -48px;
    width: 15px
}

.icon-xper-descriptionCompletion-quartile4 {
    background-position: -48px -48px;
    width: 15px
}

.icon-xper-descriptionCompletion-quartile1 {
    background-position: -72px -48px;
    width: 15px
}

.icon-xper-descriptionCompletion-quartile0 {
    background-position: -96px -48px;
    width: 15px
}

.icon-xper-status-incomplete {
    background-position: 0 0
}

tr.active .icon-xper-status-incomplete {
    background-position: 0 -50px
}

.icon-xper-status-complete {
    background-position: -50px 0
}

tr.active .icon-xper-status-complete {
    background-position: -50px -50px
}

.icon-xper-status-error {
    background-position: -100px 0
}

tr.active .icon-xper-status-error {
    background-position: -100px -50px
}

#xper-nav [class^="icon-xper-"],#xper-nav [class*=" icon-xper-"],#base-nav [class^="icon-xper-"],#base-nav [class*=" icon-xper-"]
{
    background-image: url("../../resources/img/base-nav-icons-sprite.png")
}

#tabs-nav [class^="icon-xper-"],#tabs-nav [class*=" icon-xper-"] {
    background-image: url("../../resources/img/tabs-nav-icons-sprite.png");
    height: 20px;
    vertical-align: bottom;
    width: 20px
}

#xper-nav .icon-xper-user {
    background-position: -50px 0;
    height: 10px;
    margin-right: 2px;
    vertical-align: baseline;
    width: 10px
}

#xper-nav a:hover .icon-xper-user {
    background-position: -50px -50px
}

#base-nav .icon-xper-folder-open {
    background-position: 0 0;
    height: 15px;
    width: 19px
}

#base-nav .open .icon-xper-folder-open {
    background-position: 0 -50px;
    width: 19px
}

#base-nav .icon-xper-share {
    background-position: -100px 1px;
    height: 13px;
    width: 13px
}

#base-nav .icon-xper-users {
    background-position: -150px 1px;
    height: 13px;
    width: 17px
}

#base-nav .icon-xper-ok {
    background-position: -200px 1px;
    height: 13px;
    width: 14px
}

#tabs-nav .icon-xper-items {
    background-position: 0 0
}

#tabs-nav .active .icon-xper-items {
    background-position: 0 -30px
}

#tabs-nav .icon-xper-desc-system {
    background-position: -30px 0
}

#tabs-nav .active .icon-xper-desc-system {
    background-position: -30px -30px
}

#tabs-nav .icon-xper-description {
    background-position: -60px 0
}

#tabs-nav .active .icon-xper-description {
    background-position: -60px -30px
}

#tabs-nav .icon-xper-identification {
    background-position: -90px 0
}

#tabs-nav .active .icon-xper-identification {
    background-position: -90px -30px
}

#tabs-nav .icon-xper-tools {
    background-position: -120px 0
}

#tabs-nav .active .icon-xper-tools {
    background-position: -120px -30px
}

#orientation-message {
    display: none
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    #orientation-message {
        background: rgba(0, 0, 0, 0.3)
        url(../../resources/img/icon-orientation.png) center 50px no-repeat;
        -webkit-border-radius: 5px;
                border-radius: 5px;
        color: #fff;
        display: block;
        font-weight: bold;
        height: 35px;
        margin: -90px 0 0 -90px;
        padding: 145px 0 0;
        position: absolute;
        left: 50%;
        text-align: center;
        top: 50%;
        width: 180px
    }
}

.momentaryAlert {
    display: none
}

i.displayOnHover {
    display: none
}

i.icon-remove:hover {
    opacity: .5;
    cursor: pointer
}

.center {
    text-align: center
}

.margin20 {
    margin: 20px
}

.paddingLeft30 {
    padding-left: 30px
}

label.error {
    color: red
}

.overlay {
    background-color: #000;
    filter: alpha(opacity =   50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    z-index: 10000
}

span.item.label:hover {
    color: white
}

span.item:hover {
    color: gray;
    cursor: pointer
}

span.descriptor.label:hover {
    color: white
}

span.descriptor:hover {
    color: gray;
    cursor: pointer
}

span.descriptorState.label:hover {
    color: white
}

span.descriptorState:hover {
    color: gray;
    cursor: pointer
}

#categoricalDescriptionElement {
    display: none
}

#quantitativeDescriptionElement {
    display: none
}

#calculatedDescriptionElement {
    display: none
}

#calculatedDescriptionElement td.stateName {
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

#editableStatesList li {
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.wait {
    display: none;
    text-align: center
}

.topSeparator {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #999
}

#import {
    margin-top: 20px
}

.processProgression {
    display: none
}

iframe {
    border: 0;
    height: 80px
}

.addAndSearchIcon {
    width: 35px;
    display: block;
    height: 20px;
    padding-left: 6px;
}

.addAndSearchIcon i {
    margin-top: 2px;
}

.block-tree-view .buttons.right {
    float: right;
    margin-right: 10px;
    margin-top: -3px
}

.narrow {
    width: 110px
}

.verynarrow {
    width: 60px
}

.modal-wide {
    width: 1024px;
    margin: -250px 0 0 -512px
}

.modal-medium-wide {
    width: 620px;
    margin: -250px 0 0 -310px
}

#basePropertiesModal {
    width: 650px;
}

.thumbnail {
    width: 120px
}

.smalltext {
    font-size: 9px
}

#main-content {
    margin-top: 150px;
    margin-bottom: 40px
}

#divDetailForItemUpdate {
    overflow: auto
}

.textDetail {
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    padding: 0px;
    float: left;
}

.divDetailDataset {
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden
}

a.inactive {
    color: gray
}

.table-checkbase {
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
            border-radius: 6px
}

.block .block-header#descriptorResources {
    overflow: visible;
    background: #e5e5e5 url(../img/block-nav-bg.png) top repeat;
    color: #555;
    height: 34px
}

.group .removeGroup {
    width: 10%;
    right: 10%;
    position: absolute;
    cursor: pointer;
}

.group .removeGroup:hover {
    opacity: 0.5;
}

.icon-cog {
    -webkit-filter: invert(100%);
}

.deleteAllObjectResourceButtonSpan {
    margin-right: 20px;
    display: none;
}

.dropboxButtonSpan {
    visibility: hidden;
    margin-right: 6px;
}

.dropbox-dropin-btn,.dropbox-dropin-default {
    height: 17px !important;
    padding: 4px 7px 5px 3px !important;
}

.block-content .user .userEmail {
    width: 100%;
}

.confirmDeleteUser {
    width: 720px;
}

#quantitativeMeasureUpdateForm {
    padding: 6px;
}

.weightForDescriptorUpdate {
    width: 80px;
}

#alert_chooseSDD {
    border: none!important;
    max-width: initial!important;
    position: fixed!important;
    top: 50%!important;
    margin: 0!important;
    left: 0!important;
    right: 0!important;
}