@media all {

    .scrollable {
        overflow                    : scroll;
        -webkit-overflow-scrolling  : touch;
    }

    .insideScrollablePanel {
        margin-left                 : 5%;
        margin-right                : 5%;
        width                       : 90%;
    }

    .panel .col-lg-4 {width: 33.33333333%; float: left}
        .panel .col-lg-8 {width: 66.66666666%; float: left}


} /* end of medial all */


@media (max-width: 767px) {
    .navbar-search img.logo {height: 30px}
    .navbar-search .right-menu {margin-top: 3px; float:right;}
}

@media (min-width: 768px) {
    .navbar-search img.logo {height: 40px}
    .navbar-search .right-menu {margin-top: 8px; float:right}
}

/* begin our global styles */
body {background-repeat: no-repeat; background-position: fixed; font-size: 13px; color: #222 !important; 
        font-family: arial,verdana,helvetica,sans-serif; line-height: 1.4;
        /*background-image: url('../images/bg-dark.jpeg');*/ background-color: #0d202f}
    body .navbar {font-size: 14px; margin-bottom: 0}
    body.map-campaign, body.map-survey {padding-top: 0}

body.scholarly {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

a {color: #86c7ff;}
    a:hover {color: #fbff86;}
    a.mode-active {color: #fff286;}

.modal-body a {color:#337ab7;}
    .modal-body a:hover {color: #337ab7;}

table {font-size: 14px}
    td.right {text-align: right}
    td ul, td ol {margin-bottom: 0; margin-left: -10px}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: rgba(8,43,62,0.54);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, th {font-weight: 600}

h5.title {color: #b00; margin: 0; font-size: 30px; line-height: 1.1}
    h5.stage {margin-bottom: 20px}

.identifier {margin-top: 20px;}
    .identifier a {color: #fff;}

h3, h4 {font-weight: normal}
h4, .h4 {font-size: 20px}
h5, .h5 {font-size: 16px; line-height: 1.5}
h6, .h6 {font-size: 14px; margin: 20px 0; color: #b00;}

.license pre {white-space: pre-line; word-break: break-word; word-wrap: break-word;}
p {line-height: 1.5}

.panel {color: #2b425b; border-radius: 2px }
    .panel-title a {color: #333;}
    .panel-detail {height: 270px; overflow:auto; margin-bottom: 10px}
    .panel-detail-long {height: 350px}
    .panel-detail-long b {color: #fffb00;}
    .panel-heading {border-bottom: 1px solid #eee; padding: 5px 15px;}
    .panel.level-0 .panel-heading {background-color: #ccc}
    .panel.level-1 .panel-heading {background-color: #ffcec8}
    .panel.level-2 .panel-heading {background-color: #ffef70}
    .panel.level-3 .panel-heading {background-color: #aff1a4}
    .panel-control {float: right;}

.panel-transparent {background-color: #0d202f; color: #ddd; margin-bottom: 10px}
    .panel-transparent .table tr td {border-top: 1px solid #132d42;}
    .panel-transparent .table tr th {border-bottom: 1px solid #132d42;}
    .panel-transparent .panel-heading {border-bottom: 1px solid #132d42;}

.welcome .panel-transparent {background-color: #11283a}
	.welcome h5 {margin:0}

.widget .panel {color:#fff; background-color: #0d202f;}

.text-big {font-size: 18px; font-weight: bold}
    .text-bold {font-weight: bold}
    .pad-top {padding-top: 10px;}

label {font-weight: 600}
    label.radio {font-weight: 400}

td .label {line-height: 2}
    td .btn {margin-bottom: 2px}

.welcome, .upload-area, .alert-view {padding: 10px 14px 0;}
    .welcome {color:#ddd;}
#sources {margin-top: 20px;}
#sources .row .thumbnail {text-align: center; background-color: transparent;color: #ddd; border-color: transparent;}
    #sources .row .thumbnail.word {color: #0F9D58;}
    #sources .row .thumbnail.pdf {color: #DB4437;}
    #sources .row .thumbnail.text {color: #4285F4;}
    #sources .row .thumbnail.folder {color: #F4B400;border-color: transparent;}
    #sources .row .thumbnail.folder:hover {border-color: #337ab7;}
    #sources .row .thumbnail i {font-size: 28px; padding-top:10px;}
    #sources .row .thumbnail .caption i {font-size:14px;}
    #sources .row .thumbnail .caption {white-space: nowrap; overflow: hidden; margin-right: 7px; color:#ddd;}

    #source a {color: #ddd;}
    #source .badge.delete {float:right;}
    #source .badge.delete:hover {background-color:#337ab7;}

.features {margin: 10px 0 50px; font-family: Raleway,Helvetica,Arial,sans-serif;text-align: center;}
    .features h3 {font-size: 40px; font-weight: 400}
    .features h4 {font-size: 24px; font-weight: 200}

a.dropdown-toggle {text-decoration: none; white-space: nowrap;}
    a.dropdown-toggle:focus {text-decoration: none;}

.red {color: #bc0000;}
.green {color: #00bc00;}
.blue {color: #337ab7;}
.centered {text-align: center}
.nowrap {white-space: nowrap;}
.btn-right {float: right}

.dropdown.inline {display: inline;}

.dropdown-menu:before {position: absolute;top: -7px;right: 9px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #fff;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
    .dropdown-menu:after {position: absolute;top: -6px;right: 10px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;border-left: 6px solid transparent;content: '';}
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background-color: #960500; color: #fff;}
    .dropdown-menu .fa {width: 30px; padding-left: 5px;}
    .dropdown-menu .fa.fa-user {font-size: 30px; padding-left: 0}

.nav-tabs > li > a {font-weight: normal}

ul.nav > li {font-weight: 400;}
    .navbar-inverse .nav > li > a {color: #444; font-weight: normal; font-size: 16px; padding-right:0;
        padding-left: 30px; }
    .navbar-inverse .nav > li > a:hover {color:#a00;}
    .navbar-inverse .navbar-toggle {background-color: #777;border-color: #555;}
    .navbar-inverse {background-color: #fff;border-color: #fff;}
    .navbar-nav.navbar-right:last-child {margin-right: 5px}
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, 
        .navbar-inverse .navbar-nav>.active>a:focus {background-color: #fff; color: #D30700;}
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, 
        .navbar-inverse .navbar-nav>.open>a:focus {background-color: #fff; color: #D30700;}
    .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus 
        {background-color: #fff; color: #444;}
    .navbar-inverse .navbar-collapse {border-color: #b00;}        

.navbar-search {border-bottom: 1px solid #1c405b; padding-top: 0; padding-bottom: 0}
    .navbar-search .navbar-nav li a {padding-top:10px; padding-bottom: 10px;}
    .navbar-search .navbar-form {margin-top: 0; margin-bottom: 0; padding: 0;}
    .navbar-search a {font-weight: 400;color:#fff;}
    .navbar-search .nav .open>a, .navbar-search .nav .open>a:hover, .navbar-search .nav .open>a:focus,
        .navbar-search .nav>li>a:hover, .navbar-search .nav>li>a:focus 
            {background-color: #888; text-decoration: underline;}
    .navbar-search .nav>li>a {line-height: 14px}
    .navbar-search .nav>li.active>a {background-color: #888}
    .navbar-search .input-group {margin-top:2px;}
    .navbar-search .form-control.keyword {color: #2B2B2B; width:100% !important; font-size: 17px}
    .navbar-search .tt-dropdown-menu {margin-top: 33px !important;
        -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
    .navbar-search .btn, .navbar-search .form-control {border-radius: 2px}
    .navbar-search .btn {color:#eee; background-color: transparent; border-color: transparent; padding: 0 10px;}
    .navbar-search .form-control {border-color: #ccc; margin:0;}
    .navbar-search .user-area .dropdown {float: right;}
    .navbar-search .form-group {margin-top: 5px; margin-bottom: 5px;}

.navbar-right li.hideme {display: none}

.navbar .divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}

#preloader, #splash {position: fixed;z-index: 10000;top: 0px;text-align: center;width: 100%;}
    #preloader .p-inner, #splash .p-inner {width: 150px;padding: 2px;text-align: center;font-size: 13px; background: #FFF1A8;margin: auto;
        -webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;
        box-shadow: 3px 3px 4px #C4C3C3;border-bottom-left: 1px solid #CBCBCB;border-bottom-right: 1px solid #CBCBCB;}

.clearboth {clear: both}

.login {margin-bottom: 40px; margin-top: 20px; color: #fff;}
    .login form {color: #222; padding: 30px; margin: 5px 0 20px; background-color: #f7f7f7; -webkit-border-radius: 4px;
        -moz-border-radius: 4px;border-radius: 4px; -webkit-box-shadow: 0 6px 12px  rgba(0, 0, 0, 0.18);
        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); box-shadow: 0 6px 40px  rgba(0, 0, 0, 0.18);}
    .login h5 {font-family: Raleway,Helvetica,Arial,sans-serif; font-weight: 400; font-size: 16px;margin-bottom: 20px}
    .login img.logo {width: 80%;}

input.error, textarea.error, select.error {border: 1px solid #e00}

.content {margin-top: 5px; margin-bottom: 20px}
    .content .modal h4 {margin-bottom: 0}
    .content form {margin-top: 20px;}

.form-horizontal .control-label {margin-bottom: 3px}

.form-control {color: #333; font-size: 13px}
    .has-feedback .form-control-feedback.remove {cursor: pointer; color: #ccc;}
    .has-feedback .form-control-feedback.remove:hover {color: #888;}

.form-group.student {display: none}
    .form-group.help {color: #888; margin-bottom: 25px;}

.datepicker.dropdown-menu {width: 260px;}
    .datepicker.dropdown-menu:before {right: 237px;} 
    .datepicker.dropdown-menu:after {right: 238px;}

.form-footer {margin-top: 15px; padding: 10px 20px 10px;text-align: right;
    border-top: 1px solid #ddd;background-color: #eee}

h4.modal-title {font-size: 16px; margin-bottom: 0 !important;}

.modal-body .alert {margin-bottom: 0}
    .modal-body h5 {margin-top: 0; margin-bottom: 20px}
    .modal-footer .left {float: left}
    .modal-footer {padding: 9px 20px 10px; margin-top:0;}

.modal-content {border-radius: 3px; color:#222;}

.modal-header button.close {color: #d43f3a;opacity: 0.8;}
    .modal-header button.close:hover {opacity: 1}
.alert {margin-bottom: 0; }
.alert ul {margin-left: -15px}

.breadcrumb {margin-bottom: 10px}
    .breadcrumb li:last-child a {color: #555; font-weight: 400}
    .breadcrumb.steps>li+li:before {content: "›";padding: 0 5px;color: #888;}
    .breadcrumb.steps {background-color: #e2e2e2; margin: 20px 0;}
    .breadcrumb.steps .active {color: #b00;}

.s.filter-right {max-height: 300px; overflow: auto}

ul.tree, ul.childs, ul.collections {margin-left: -10px; list-style: none;}
    ul.tree li, ul.collections li {margin: 10px 0;}
    ul.tree .fa, ul.collections .fa {width: 16px;}
    ul.tree .note .fa {width: 13px; margin-left: 4px;}
    ul.collections .note {color: #999; font-size: 13px}
    ul.tree .fa.fa-caret-right {width: 8px; font-size: 15px}
    ul.tree li.disabled a {color: #bbb;}

.dashboard h5, .promoted-collections .breadcrumb li a
        {color: #b00; font-family: "PT Sans Narrow",Helvetica,Arial,sans-serif; font-weight: 700; line-height: 1.1}
    .dashboard h5, 
        .promoted-collections .breadcrumb li.active a {font-size: 26px; opacity:1; filter:alpha(opacity=100)}
    .dashboard h5 {margin-bottom: 20px}
    .promoted-collections .breadcrumb li {padding-bottom: 5px}
    .promoted-collections .breadcrumb li a {font-size: 18px; opacity:0.5; filter:alpha(opacity=50);}
    .promoted-collections .breadcrumb {background-color: #fff; margin-left: -16px; margin-bottom: 10px;}
    .promoted-collections .breadcrumb>li:before {content: ' '; padding: 0}
    .promoted-collections .breadcrumb>li:after {content: ' '; padding: 0 25px}

.item-thumbnails {width: 100%; height: 272px; overflow-x: hidden; overflow-y: hidden; 
        background-color: #fff; padding: 0 10px 0 0; border: 0px solid #ddd; margin-bottom: 20px; margin-top:20px;}
    .item-thumbnails:hover, .item-thumbnails.hover_effect {overflow-x: auto;}
    .item-thumbnails .inner {white-space: nowrap;}
    .item-thumbnails .item {width: 180px; white-space: normal; vertical-align: top;
        display: inline-block; margin-right: 10px; font-size: 12px; overflow: hidden;}
    .item-thumbnails .item img.thumb {height: 150px; margin-bottom: 5px; border: 1px solid #ddd;
        min-width: 98px; background-image: url('../images/cover-default-thumb-90x0.jpg');
        background-repeat: no-repeat;}
    .item-thumbnails .item img.ql {display: block;}
    .item-thumbnails .item .title, .item-thumbnails .item .contributor {font-size: 13px;}

.item-thumbnails.fluid {height: auto;}
    .item-thumbnails.fluid .inner {white-space: normal;}
    .item-thumbnails.fluid .item {margin-bottom: 20px}
    .item-thumbnails.fluid:hover, .item-thumbnails.fluid.hover_effect {overflow-x: hidden;}

.items-list {max-width: 700px}

.item-detail {margin-bottom: 20px}
    .item-detail .title {font-weight: 700; font-size: 16px}
    .item-detail .title a {text-decoration: underline;}
    .item-detail .contributor {font-weight: 700}
    .item-detail .description, .item-detail .stats {font-size: 13px}
    .item-detail .description {margin: 3px 0;}
    .item-detail b {background-color: #fffb90}
    .item-detail .sbj, .item-detail .pred, .item-detail .obj {background-color: #90B7FF}
    .item-detail.page {border: 1px solid #ccc;padding: 10px;margin-top: 10px; font-size: 13px}
    .item-detail.page .header {border-bottom: 0px solid #ccc; margin-bottom: 0px; padding-bottom: 10px}
    .item-detail.page .header-left {/*width:70%;*/ font-size: 18px; color: #111; /*text-align:left;*/ display: inline-block;}
    .item-detail.page .header-right {/*width:30%;*/ font-size: 14px; /*text-align: right;*/ display: inline-block;}

.results {margin-bottom: 30px}
.results-list ul {list-style: none; margin-left: -40px}
    .results-list ul li {margin-bottom: 10px}

.footer {background-color: #393943; margin-top: 0; padding: 50px 0; color: #ddd; text-align: left; 
        font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 22px; font-size: 13px;}
    .footer .branch-header {color: #fff; border-bottom: 1px dotted #333; padding-bottom: 5px; margin-bottom: 5px;}
    .footer .branch-name {color: #ddd;}
    .footer .branch-addr, .footer a {color: #666;}
    .footer .branch-addr {margin-bottom: 20px;}

.poweredby {margin-top: 60px; color: #aaa;}
    .poweredby img {width: 140px;}

.ui-autocomplete-loading {
    background: white url(../img/ui-anim_basic_16x16.gif) right center no-repeat;
}

#preloader {position: fixed;z-index: 10000;top: 0px;text-align: center;width: 100%;}
    #preloader .p-inner {width: 150px;padding: 2px;text-align: center;font-size: 13px;background: #FFF1A8;margin: auto;
        -webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;-moz-border-radius-bottomright: 3px;
        box-shadow: 3px 3px 4px #C4C3C3;border-bottom-left: 1px solid #CBCBCB;border-bottom-right: 1px solid #CBCBCB;}


#dark-overlay {background-color: #3f4c58; filter: alpha(opacity=60); opacity: 0.6; 
        position: fixed; top: 0; left: 0; z-index: 10}

#viewport {}

#view-mode {padding-top: 14px;padding-left: 45px}
#view-mode .badge {background-color: transparent; border-radius: 0; font-weight: normal;
        font-size: 14px; border-bottom: 2px solid transparent; margin-bottom: 5px}
    #view-mode .label {color: #373737; background-color: #e8e8e8; font-weight: 400; padding: 6px 12px;}
    #view-mode .badge:hover {border-bottom: 2px solid #aad22a; cursor: pointer;}
    #view-mode .label:hover {background-color: #acf; cursor: pointer}
    #view-mode .badge.active {border-bottom: 2px solid #337ab7}
    #view-mode .badge.home {font-size:18px; background-color: #fff}

#sidebar {width: 50px; float: left;}
    #sidebar i {font-size: 20px; padding: 18px; color: #5F5F5F;}
    #sidebar .menu {border-bottom: 1px solid #E2E2E2}
    #sidebar .menu:hover {background-color: #f1f1f1; cursor: pointer;}
    #sidebar .menu.active {background-color: #f1f1f1;}

#side-facets .panel-heading, #side-facets .panel-body {padding: 5px;}

#expanded-sidebar {width: 220px; float: left; overflow-y: auto; border-right: 1px solid #1c405b; font-size: 14px}
    #expanded-sidebar .inner {margin: 20px; line-height: 1.7em; padding-bottom: 200px}
    #expanded-sidebar .inner .expand {display: none}
    #expanded-sidebar h5 {font-size: 14px; color: #ddd; border-bottom: 0px solid #666; padding-bottom: 0px; 
        margin-bottom: 7px}
    #expanded-sidebar h5:first-child {margin-top: 0;}
    #expanded-sidebar .filter {border: 1px solid #ccc;border-radius: 5px; padding: 3px 10px;width: 100%;margin-bottom: 2px;
        color:#2B2B2B; background-color: #fff}
    #expanded-sidebar .date_filter {border: 1px solid #ccc;border-radius: 20px; padding: 3px 10px;width: 45%;margin-bottom: 2px;
        color:#2B2B2B; background-color: #fff}

    #expanded-sidebar select, #expanded-sidebar input.filter,
        #topbar-search select, #topbar-search input.filter {background: #000; 
            border-color: transparent; color: #ddd;}

#topbar-search {margin-bottom: 20px}
    #topbar-search #q {padding: 5px; margin-right: 10px; width: 70%;}

#content {float: left; overflow: auto; color:#ddd;}
    #content .inner {min-height: 300px; margin: 20px; overflow: auto;}

.inner-frame h4 {margin-bottom: 20px;}
.result-frame > h4 {font-size: 16px; margin-top: 0; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4; 
        padding: 10px 0px}
    .result-frame label.radio {margin-left:22px;}

#content .left-frame {background-color: #f8f9fb;position: absolute;width: 45px;
        display: block;border-right: 1px solid #e6e9ef;z-index: 1;}
    #content .left-frame .btn-group {margin: 0;width: 45px;}
    #content .left-frame button {font-size: 12px;margin: 0;width: 44px;-webkit-border-radius: 0;border-radius: 0;
        padding: 6px 8px 0;border: 0; border-bottom: 1px solid #d8dde2;padding-bottom: 3px;height: 58px;color: #9b9da2;
        line-height: 22px;position: relative;-webkit-box-shadow: none;box-shadow: none;background: #f8f9fb;z-index: 3;}
    #content .left-frame button:hover, #content .left-frame button.active {background-color:#3E424C; color: #f8f9fb;}
    #content .left-frame button i {font-size: 20px}

#content .right-frame {margin: 0 0 0 45px; }

#body .loading {padding: 30px; color: #fff;}

table {font-size: 13px}
   

.sample-code {margin-bottom: 20px}
    .sample-code label {display: block}

#filters {padding-left: 20px;font-size: 12px}
#filters .badge, .filter-badges .badge {background-color: #b00;}
    .badge .remove {cursor: pointer}
    #filters input[type=radio], #filters input[type=checkbox] {margin-top: 1px; margin-left: -16px}

.previewer .header {height: 50px; border-bottom: 1px solid #ddd; padding: 10px;}
    .previewer .header table {width: 100%;}
    .previewer .header table td {width: 33%;}
    .previewer .header .left {text-align: left;}
    .previewer .header .middle {text-align: center; white-space: nowrap;}
    .previewer .header .right {text-align: right;}
    .previewer .body .sidebar {overflow: auto;}
    .previewer .body .viewbox {overflow: auto; background-color: #e5e5e5;}
    .previewer .page {margin: 20px auto; width: 700px; min-height: 300px}
    .previewer .page img {width: 700px; min-height: 300px; border: 1px solid #ccc; background-color: #fff}
    .previewer .page audio {width: 700px;}
    .previewer .page .pageno {margin-bottom: 5px; text-align: center}

.cover {margin: 20px 0; font-size: 12px}
    .cover td {vertical-align: top; font-size: 12px}
    .cover .h {font-family: "PT Sans Narrow",Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 700}
    .cover.handle {margin: 14px 0;}
    .cover.handle, .cover.handle td {font-size: 14px}
    .cover.handle  table {margin-bottom: 20px}
    .cover.handle .image {padding-right: 20px}
    .cover .image {padding-right: 10px}
    .cover img, .upload-table img {border: 1px solid #ccc;}
    .cover img.ql {border: 0; display: block}
    .cover .stars, .stars {color: #FF8F00; margin: 5px 0;}
    .cover .stars {font-size: 15px; white-space: nowrap;}
    .cover .title {margin: 15px 0;}
    .cover .title h5 {color: #b00; line-height: 1.3; font-family: Raleway,Helvetica,Arial,sans-serif; 
        font-weight: 400;}
    .cover ul li {padding: 1px 10px;}

.handle h4 {margin-top: 0; font-family: Raleway,Helvetica,Arial,sans-serif; 
        font-weight: 400; font-size: 30px; color: #b00;}
    .handle ul, .handle ol {list-style: none; margin-left: -44px}
    .handle .s {margin-bottom: 20px}
    .handle .h {font-weight: 700; color: #555; font-size: 18px; margin: 5px 0 3px 0;
        font-family: "PT Sans Narrow",Helvetica,Arial,sans-serif;}
    .handle pre {border: 0;}
    .handle .chart {margin-bottom: 20px}
        .handle .chart .h {margin-bottom: 10px}
    .handle ul.b li {margin-top: 5px; margin-bottom: 5px}

.viewed .fa-eye {color: #FF8F00;}

.rating {unicode-bidi:bidi-override;direction:rtl;font-size:22px}
    .rating span.star {font-family:FontAwesome;font-weight:normal;font-style:normal;display:inline-block}
    .rating span.star:hover{cursor:pointer}
    .rating span.star:before{content:"\f006";padding-right:5px;color:#999}
    .rating span.star:hover:before,
        .rating span.star:hover~span.star:before {content:"\f005";color:#b00}
    .rating span.star.selected:before, 
        .rating span.star.selected~span.star:before {content:"\f005";color:#FF8F00}

.rating-label {margin-left: 10px}
    .rating-label .rate {display: none; font-weight: bold; font-size: 16px}

.rating-quote {color: #b00; font-family: "PT Sans Narrow",Helvetica,Arial,sans-serif; font-weight: 700; 
        font-size: 16px}
    .rating-quote sup {font-size: 10px}

.rating-bar {border-collapse:separate; border-spacing:2px;}
    .rating-bar td {padding: 0 10px;}
    .rating-bar td.bar {width: 120px; background-color: #ddd; padding: 0;}
    .rating-bar td.bar .fill {background-color: #FF8F00}

.review-item {margin: 10px 0 30px}
    .review-item .t {margin-left: 10px; font-weight: bold}
    .review-item .r {margin: 10px 0 5px;}

table.scorecard {width: 100%}
    table.scorecard.small .key {font-weight: 700; padding-right: 2px; font-size: 12px}
    table.scorecard .badge {background-color: #b00}

.grid .thumbnail {position: relative; display: inline-block; float: left; height: 310px; padding: 0; margin: 10px 5px;}
    .grid .thumbnail img.img {height: 300px;}
    .grid .thumbnail .caption {position: absolute; font-size: 12px; z-index: 100;
        background: #333;padding: 3px 8px;color: #fff; white-space: nowrap; overflow: hidden; 
        display: none}
    .grid .thumbnail:hover .caption {display: block}

.warning {color: #b00;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, 
    .table>thead>tr>td, .table>thead>tr>th {padding:4px;}

/* typeahead */

.twitter-typeahead {display: block !important;}
.typeahead,
.tt-query,
.tt-hint {
  width: 396px; height: 30px; padding: 8px 12px; font-size: 24px; line-height: 30px; border: 2px solid #ccc;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none;}
.typeahead {background-color: #fff;}
.typeahead:focus {border: 2px solid #0097cf;}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.tt-hint {color: #999}
.tt-dropdown-menu {width: 100%;margin-top: 0px;padding: 8px 0;
    background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    max-height: 240px; overflow-y: auto;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.tt-suggestion {padding: 3px 20px;font-size: 18px;line-height: 24px;}
.tt-suggestion.tt-cursor {color: #fff;background-color: #0097cf;}
.tt-suggestion p {margin: 0;}
.gist {font-size: 14px;}

/* tag manager */

.tm-tag {
  color: #555555;
  background-color: #f5f5f5;
  border: #bbbbbb 1px solid;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  display: inline-block;
  border-radius: 3px;
  margin: 0 5px 5px 0;
  padding: 6px 12px;
  text-decoration: none;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  vertical-align: middle;
}
.tm-tag .tm-tag-remove {  color: #000000;  font-weight: bold;  margin-left: 6px;  opacity: 0.2;}
    .tm-tag .tm-tag-remove:hover {  color: #000000;  text-decoration: none;  opacity: 0.6;}
    .tm-tag.tm-tag-warning {  color: #945203;  background-color: #f2c889;  border-color: #f0a12f;}
    .tm-tag.tm-tag-error {  color: #84212e;  background-color: #e69ca6;  border-color: #d24a5d;}
    .tm-tag.tm-tag-success {  color: #638421;  background-color: #cde69c;  border-color: #a5d24a;}
    .tm-tag.tm-tag-info {  color: #4594b5;  background-color: #c5eefa;  border-color: #5dc8f7;}
    .tm-tag.tm-tag-inverse {  color: #cccccc;  background-color: #555555;  border-color: #333333;  
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;}
    .tm-tag.tm-tag-inverse .tm-tag-remove {  color: #ffffff;}
    .tm-tag.tm-tag-large {  font-size: 16.25px;  border-radius: 4px;  padding: 11px 7px;}
    .tm-tag.tm-tag-small {  font-size: 11.049999999999999px;  border-radius: 3px;  padding: 2px 4px;}
    .tm-tag.tm-tag-mini {  font-size: 9.75px;  border-radius: 2px;  padding: 0px 2px;}
    .tm-tag.tm-tag-plain {  color: #333333;  box-shadow: none;  background: none;  border: none;}
    .tm-tag.tm-tag-disabled {  color: #aaaaaa;  background-color: #e6e6e6;  border-color: #cccccc;  
        box-shadow: none;}
    .tm-tag.tm-tag-disabled .tm-tag-remove {  display: none;}
    input[type="text"].tm-input {  margin-bottom: 5px;  vertical-align: middle !important;}
    .control-group.tm-group {  margin-bottom: 5px;}
    .form-horizontal .control-group.tm-group {  margin-bottom: 15px;}
.form-control.tm-input {width: 200px; display: inline-block;}
    .form-control.tm-input.tt-hint {display: none}
.tags-container .twitter-typeahead {display: inline-block !important;}

#progresstext {text-align: center; margin: 20px 0; font-size: 16px; font-weight: bold}

/* d3 */
.node circle {
    cursor: pointer;
    stroke-width: 1.5px;
}

.node text {
    font-size: 11px;
    color: #fff;
    fill: #fff;
    /*text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;*/
}

path.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
}

.bar {
  fill: steelblue;
}

.bar:hover {
  fill: brown;
}

.axis {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

#messageToolTipDiv {position:absolute;display:block;z-index:10000;border:1px solid #444;
    background-color:#fff;color:#000;margin:auto;padding:3px 5px 3px 5px;font-size:12px;
    font-family:arial;border-radius: 5px;vertical-align: middle;text-align: left;
    min-width:50px;overflow:auto;
}

/* circles */
.circles text {
  font-size: 11px;
  pointer-events: none;
}

text.parent {
  fill: #1f77b4;
}

circle {
  fill: #ccc;
  stroke: #999;
  pointer-events: all;
}

circle.parent {
  fill: #1f77b4;
  fill-opacity: .1;
  stroke: steelblue;
}

circle.parent:hover {
  stroke: #ff7f0e;
  stroke-width: .5px;
}

circle.child {
  pointer-events: none;
}

.bubble circle {stroke: #fff;}

/* graph */

#graph .link {
    fill: none;
    stroke: #666;
    stroke-width: 1.5px;
    opacity: .7;
    marker-end: url(#end);
    
    transition: opacity 250ms;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
}

#graph marker#end {
    fill: #666;
    stroke: #666;
    stroke-width: 1.5px;
}

#graph .node rect {
    stroke-width: 1.5px;
    
    transition: opacity 250ms;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
}

#graph .node text {
    fill: #000;
    font: 10px sans-serif;
    pointer-events: none;
}

#graph .node.selected rect {
    filter: url(#blue-glow);
}

#graph .link.inactive,
#graph .node.inactive rect,
#graph .node.inactive text {
    opacity: .2;
}

#graph .node.inactive.selected rect,
#graph .node.inactive.selected text {
    opacity: .6;
}

#graph .legend {
    position: fixed;
}

#graph .legend .category rect {
    stroke-width: 1px;
}

#graph .legend .category text {
    fill: #000;
    font: 10px sans-serif;
    pointer-events: none;
}

div.tooltip.bottom {box-shadow: none; border:0; font-size: 12px}

/* collapsible graph */
div.tooltip {
    position: absolute;         /* reference for measurement */
    text-align: left;
    pointer-events: none;           /* 'none' tells the mouse to ignore the rectangle */
    background: #FFFFEF;
    max-width: 400px;
    padding: 10px;
    border: 1px solid #D5D5D5;
    font-family: arial,helvetica,sans-serif;
    position: absolute;
    font-size: 1.1em;
    color: #333;
    padding: 10px;
    border-radius: 3px;
    background: rgba(255,255,255,0.9);
    color: #000;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    border:1px solid rgba(200,200,200,0.85);
}

div.toolTipBody {
    position:absolute;
    height:100px;
    width:230px;
}

div.header {
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
    margin-bottom: 2px;
    color:#666;
    text-align:center;

}

div.header-rule{
    height:1px;
    margin:1px auto 3px;
    margin-top:7px;
    margin-bottom:7px;
    background:#ddd;
    width:125px;
}

div.header1{
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    margin-bottom: 2px;
    color:#333;
    float: left;
    padding-right: 5px;
}

div.header2{
    color:#000;
    /*   text-transform:uppercase;*/
    font-size: 11px;
    text-align:center;
    font-style:italic;
}

div.header3 {
    text-align: left;
    font-size: 11px;
    /*  width:170px;*/
    text-align:center;
}

div.header4 {
    /*  position:absolute;*/
    text-align:center;
    right:10px;
    top:28px;
    font-size: 16px;
    /*  width:100px;*/
    text-align:center;
    overflow:hidden;
    font-weight:bold;
}