@import url(../fonts/openSans.css);
@import url(node_modules/bootstrap/dist/css/bootstrap.min.css);
@import url(node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css);
@import url(node_modules/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css);
@import url(nifty.css);
@import url(node_modules/font-awesome/css/font-awesome.min.css);
@import url(node_modules/primeicons/primeicons.css);
@import url(node_modules/ionicons/css/ionicons.min.css);
@import url(node_modules/lt-themify-icons/themify-icons.css);
@import url(node_modules/chosen-js/chosen.css);
@import url(node_modules/select-woo/dist/css/selectWoo.min.css);
@import url(node_modules/mapbox-gl/dist/mapbox-gl.css);
@import url(node_modules/nouislider/distribute/nouislider.min.css);
@import url(node_modules/codemirror/lib/codemirror.css);
@import url(node_modules/codemirror/theme/monokai.css);
@import url(node_modules/datatables.net-bs/css/dataTables.bootstrap.css);
@import url(node_modules/datatables.net-responsive-bs/css/responsive.bootstrap.css);
@import url(node_modules/datatables.net-buttons-bs/css/buttons.bootstrap.min.css);
@import url(node_modules/leaflet/dist/leaflet.css);
@import url(node_modules/leaflet-draw/dist/leaflet.draw.css);
@import url(../css/tree/tree.css);
@import url(node_modules/@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css);
@import url(node_modules/leaflet.fullscreen/Control.FullScreen.css);
@import url(../css/base-manager.css);
@import "abstracts";
@import "sidenav";
@import "edit-history";
@import "tree";
@import "jqtree";
@import "rdm";

html {
    font-size: 0.62rem;
}

body {
    font-size: 1.4rem;
}

img {
    image-orientation: from-image;
}

[class^="col-"]:not(.pad-no) {
    padding-left: 0px;
    padding-right: 0px;
}

.regular-link {
    color: #337ab7;
    text-decoration: none;
}

.regular-link:hover {
    text-decoration: underline;
}


/*.navbar-top-links:last-child>li {
    border-right: 1px solid rgba(0,0,0,0.07);
}*/

.cke_notification_warning {
    display: none;
}

.btn:not(.disabled):not(:disabled).active {
    box-shadow: none;
}

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: top;
    overflow: hidden;
}

.svg-content {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

dl.inline-flex {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    width: 300px;
    /* set the container width*/
    overflow: visible;
}

dl.inline-flex dt {
    flex: 0 0 50%;
    text-overflow: ellipsis;
    overflow: hidden;
}

dl.inline-flex dd {
    flex: 0 0 50%;
    margin-left: auto;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

#navbar {
    width: 50px;
}

.nav-item-disabled {
    background-color: #9eacc1;
    color: black;
    pointer-events: none;
    cursor: default;
}

.nav-item-disabled i {
    color: black;
}

.navbar-header {
    height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.username {
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #ddd;
}

.username:hover {
    background: #f2f2f2;
}

.navbar-top-links>.mega-dropdown>.dropdown-menu.mega-dropdown-menu {
    left: 0px;
    max-width: 100%;
    top: 39px;
    right: -10px;
    bottom: 0;
    padding: 0;
}

.one-page-header .navbar-nav>li>a:before {
    content: "";
}


/*Remove pointer from Mega drop panel button*/

.open.mega-dropdown>.mega-dropdown-toggle:before {
    display: none;
}

.open.mega-dropdown>.mega-dropdown-toggle:after {
    display: none;
}

.brand-icon {
    height: 20px !important;
    width: 20px !important;
    margin-top: 14px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.list-group.bg-trans .list-group-item:not(.active):not(.disabled) {
    border-bottom: 1px solid #eee;
    background-color: rgba(0, 0, 0, 0.05);
}

.list-group.bg-trans a.list-group-item.active:hover {
    background-color: #fff;
}

.list-group-item.active {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #5f5f5f;
    border-width: 0;
}

.card-grid-item .panel-footer .disabled {
    color: #ccc;
}

.card-grid-item.card-locked .mar-no {
    background-color: #fafafa;
}

.card-locked div div>.library-card-panel-title {
    color: #888;
}

.card-locked div div a.pull-right.disabled {
    color: #888;
}

.panel hr {
    border-color: rgba(0, 0, 0, 0.075);
}

.switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
    background-clip: content-box;
}

.arches-toggle-sm.disabled {
    color: #888;
}

.iiif-image-tool-slider .switch.switch-small.switch-widget {
    width: 25px;
}

.iiif-image-tool-slider .switch.switch-widget.on>small {
    left: 12px;
}

#card-preview {
    margin-bottom: 10px;
}

.library-tools-icon.card-container-trash-icon {
    float: right;
    margin-top: -50px;
}

.card-container-trash-icon .record-delete {
    position: relative;
    top: 0;
    right: 0;
    color: lightcoral;
}

.card-main-title {
    font-size: 1.6rem;
    font-weight: 500;
}

.card-panel {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-bottom-width: 0;
}

.card-body {
    padding: 0 20px 0 20px;
}

.card-content-container {
    border: 0 solid #eee;
    position: relative;
    margin: -2px 0 18px 0px;
}

.outline {
    border: 1px solid #eee;
}

.outline.open-container {
    border: 1px solid #bbb;
}

.card-nav-container {
    background: #f4f4f4;
    margin-left: 0;
    margin-bottom: 5px;
}

.card-content-tab {
    min-height: 300px;
    margin-top: 15px;
    margin-left: -15px;
    box-shadow: none;
    padding: 5px 0 0;
}

.card-panel-body {
    background-color: #FFF;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: 10px;
}

.card-instructions {
    color: #888;
    margin-bottom: 5px;
}

.card-content {
    margin: -20px -35px 20px -20px;
    padding: 0;
}

.card-tab-title {
    font-size: 1.4rem;
}

.crud-record-item {
    background: #fbfbfb;
    padding: 0px;
}

.crud-record-item:nth-child(even) {
    background: #fefefe;
}

.data-card-alert {
    margin-bottom: 5px;
    margin-top: 5px;
}

.card-help {
    padding-right: 20px;
    font-size: 1.4rem;
    margin-top: -34px;
}

.card-form-container {
    padding-bottom: 10px;
    padding-right: 20px;
}

.help-panel-title {
    padding: 0 10px 0 10px;
}

.card-help-panel {
    width: 495px;
    padding-top: 0;
    top: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #fbfbfb;
    z-index: 500;
    overflow-y: scroll;
    color: #123;
    border-left: 1px solid #ddd;
}

.wizard-data-card-alert {
    box-shadow: none;
    margin: 1px 0 0;
}

.content-instructions {
    font-size: 1.3rem;
    color: #8d8d8d;
    margin-top: -50px;
    line-height: 1.25;
    margin-bottom: 20px;
}

.record-delete {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 20px;
    width: 20px;
    color: lightcoral;
}

.gsheets-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #454545;
}

.gsheets-descr {
    font-size: 1.4rem;
    color: #777;
}

.workflow-step-container {
    height: calc(100% + 41px);
}

.workflowstep-nav {
    display: flex;
    flex-direction: row;
    width: calc(100% - 220px);
    border-bottom: solid 1px #ddd;
    height: fit-content;
    padding: 12px 25px;
    background-color: #fff;
    overflow-x: scroll;
}

.workflowstep-nav div {
    padding: 0 20px;
}

.workflowstep-nav div.workflow-nav-controls {
    position: absolute;
    padding: 19px 0px;
    right: 0px;
    top: 0;
    font-size: 2.5rem;
    width: 230px;
    background: #fafafa;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #ddd;
}

.workflowstep-nav div .step-title {
    position: absolute;
    z-index: 2000;
    color: white;
    padding: 2px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.workflowstep-nav .selectable i {
    cursor: pointer;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
}

.workflowstep-nav div .step-title .arrow-up {
    padding: 0px;
}

.workflowstep-nav div .step-title .step-title-text {
    background-color: #000;
    padding: 3px 10px;
}

.workflowstep-nav .nav-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.workflowstep-nav div.workflow-nav-controls button {
    font-weight: 800;
}

.workflowstep-nav div.workflow-nav-controls button:first-child {
    margin-right: 5px;
}

.workflow-nav-controls .btn-labeled:not(.btn-block):not(.form-icon) {
    color: #f9f9f9;
}

.workflow-step-body div .new-provisional-edit-card-container div .install-buttons button {
    font-weight: 800;
}

.workflow-step-icon {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    height: 45px;
    line-height: 43px;
    text-align: center;
    width: 45px;
    font-size: 1.7rem;
    color: #bbb;
    border: 1px solid #ddd;
    background: #f4f4f4;
}

.selectable .workflow-step-icon {
    background-color: rgb(244, 244, 244);
    border: 1px solid rgb(221, 221, 221);
    color: #26476a;
}

.workflow-step-icon.active {
    background-color: rgb(110, 160, 216);
    border: 1px solid rgb(56, 110, 178);
    color: #fff;
    cursor: pointer;
}

.workflow-step-icon.complete {
    border: 1px solid #3A74B0;
    background-color: #B4D1F0;
    color: #fff;
}

.workflow-step-icon.can-advance {
    border: 1px solid rgb(110, 160, 216);
    ;
    background-color: rgb(189, 214, 241);
    color: #fff;
}

.workflow-step-description-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    min-height: 100px;
    border-bottom: solid 1px #ddd;
}

.workflow-step-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    padding: 10px 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
}

.workflow-step-description .title {
    font-size: 1.6rem;
    font-weight: 600;
    color: #004577;
    padding-top: 10px;
}

.workflow-step-description .workflow-name {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.01;
    color: #004577;
}

.workflow-step-description .subtitle {
    font-size: 1.4rem;
    font-weight: 400;
    color: #004577;
}

.workflow-step-description .step {
    font-size: 1.3rem;
    font-weight: 400;
    color: #999;
    padding-bottom: 15px;
}

.workflow-step-body {
    background-color: #f9f9f9;
    height: 100%;
    overflow-y: auto;
    padding: 0 0 218px 25px;
}

.tabbed-workflow {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.tabbed-workflow-title-bar {
    display: flex;
    background-color: #eceef0;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 6px 12px;
    font-size: medium;
    font-weight: 600;
}

.tabbed-workflow-step-body {
    background-color: #fff;
    height: 100%;
    overflow-y: auto;
}

.tabbed-workflow-step-body .search-selection-controls {
    display: none !important;
}

.tabbed-workflow-information-box-marker {
    font-size: 1.4rem;
    padding-left: 2px;
    padding-right: 6px;
    margin-top: 3px;
    cursor: pointer;
    color: #454545;
}

.tabbed-workflow-information-box-marker.seen {
    visibility: visible;
    opacity: 1;
    transition: all 0.6s linear;
}

.tabbed-workflow-information-box-marker.unseen {
    visibility: hidden;
    position: absolute;
    opacity: 0;
}

.tabbed-workflow-step-information-box-container.seen {
    visibility: visible;
    opacity: 1;
    transition: all 0.6s linear;
}

.tabbed-workflow-step-information-box-container.unseen {
    visibility: hidden;
    position: absolute;
    width: 100%;
    opacity: 0;
}

.tabbed-workflow-step-information-box {
    padding: 10px 35px 20px 35px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    color: grey;
    margin: -16px -21px 0px -21px;
    height: 100px;
    overflow-y: scroll;
    position: relative;
}

.workflow-information-box-toggle:hover {
    color: #454545;
}

.btn-workflow-tile {
    padding: 8px 20px;
    min-width: 100px;
}

.btn-workflow-tile.btn-success {
    border: 1px solid #508A14;
}

.btn-workflow-tile.btn-danger {
    border: 1px solid #B02107;
}

.tabbed-workflow-step-information-box h4 {
    font-size: 1.4rem;
    margin-bottom: 2px;
}

.tabbed-workflow-step-information-box span {
    margin-bottom: 10px;
}

.tabbed-workflow-step-body .create-resource-instance-card-component .card-component {
    width: unset;
}

.tabbed-workflow-step-body .create-resource-instance-card-component .install-buttons {
    display: unset;
}

.card-title {
    flex-grow: 1;
}

.tabbed-workflow-step-body .card-title,
.tabbed-workflow-step-body .card-instructions {
    display: none;
}

.display-in-workflow-step {
    padding: 10px;
    background-color: #ececec;
    border-top: solid 1px #ddd;
    display: flex;
}

.tabbed-workflow-step-body .display-in-workflow-step.install-buttons {
}

.tabbed-workflow-step-body>div {
    background-color: #fff !important;
    border: none !important;
}

.tabbed-workflow-step-body .install-buttons {
    display: none;
}

.tabbed-workflow-step-body .manifest-editor .install-buttons {
    display: unset;
}

.etl-manager-container {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    width:100%;
}

.branch-csv-etl,
.bulk-load-status,
.etl-error-report {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: inherit;

    .loader-select {
        height: calc(100% - 50px);
        text-align: center;
        background: #fff;
        justify-content: center;
        padding-top: 90px;
        height: 100%;
        width: 100%;
        display: flex;
    }

    .summary-header {
        padding: 5px 0px 3px;
        font-weight: 525;
        font-size: 1.5rem;
        color: #2d5576;
    }

    .summary-title {
        padding: 5px 0px 3px;
        font-weight: 550;
        font-size: 1.6rem;
        color: #2d5576;
    }
    h5 {
        font-size: 1.5rem;
        color: #999;
        font-weight: 500;
    }

    .dropzone-photo-upload {
        margin-top: 0px;
    }
}

.branch-xl-metadata-container {
    padding: 0px 15px;
}

.branch-csv-etl-load-summmary {
    margin-top: -10px;
}

h3.branch-xl-title {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 1.9rem;
    color: #454545;
}

h4.branch-xl-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.6rem;
    color: #454545;
}

.branch-xl-file-contents-container {
    margin-top: 25px;
}

.etl-module-component .delete-type-container{
    display: flex;
    flex-direction: row;
    margin: 10px 0px;
}
.etl-module-component .delete-type-button{
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px 20px;
    background-color: #fdfdfd;
    border: 1px solid #ddd;
    margin-right: 12px;
}
.etl-module-component .delete-type-button.active {
    font-weight: bold;
}

.tabbed-workflow-footer, .etl-module-footer {
    background-color: #445769;
    border-top: 1px solid #0E2031;
    color: #f9f9f9;
    padding: 10px 12px;
    display: flex;
    bottom: 0;
    width: 100%;
}

.tabbed-workflow-footer .step-counter {
    display: flex;
    align-items: center;
    border-right: 1px solid #ddd;
    padding-left: 12px;
    padding-right: 24px;
    margin-right: 18px;
}

.tabbed-workflow-footer .toggle-container {
    padding: unset;
    padding-top: 6px;
}

.tabbed-workflow-footer .toggle-container .arches-toggle-subtitle {
    display: none;
}

.tabbed-workflow-title-bar .btn {
    border-radius: 2px;
    padding: 8px 15px;
    margin-left: 5px;
}

.tabbed-workflow-footer .btn {
    border-radius: 2px;
    padding: 8px 15px;
}

.tabbed-workflow-title-bar .btn>i,
.tabbed-workflow-title-bar .btn>span,
.tabbed-workflow-footer .btn>i,
.tabbed-workflow-footer .btn>span {
    padding: 0px 2px;
}

.workflow-step-body .workbench-card-wrapper {
    margin-left: -25px;
}

.tabbed-workflow-step-body .card-component {
    border: none;
    /* padding: 0px;*/
    margin: 10px 35px;
}

.padded-workflow-step .card-component {
    border: none;
    padding: 0px;
    margin: 0px 15px;
}

.padded-workflow-step,
.workflow-step-body .card-component {
    padding: 20px 35px 82px 40px;
    border: none;
    background: #fafafa;
}

.workflow-step-body .padded-workflow-step .card-component {
    padding: 15px 25px;
}

.workflow-step-body div div .new-provisional-edit-card-container div .widgets div div .widget-wrapper div div .widget-input {
    max-width: 600px;
}

.workflow-step-body div .new-provisional-edit-card-container .card form div div .widget-wrapper .form-group div .columns {
    border: 1px solid #ddd;
    padding: 20px;
}

.wf-multi-tile-step-container {
    display: flex;
    flex-direction: row;
}

.wf-multi-tile-step-form {
    display: flex;
    flex-direction: column;
    flex-grow: 3;
    position: relative;
}

.wf-multi-tile-btn-complete {
    position: absolute;
    bottom: 250px;
    right: 250px;
    font-weight: 800;
}

.wf-multi-tile-step-list {
    display: flex;
    flex-direction: column;
    padding: 24px 24px 0 24px;
    border-left: 1px solid #ddd;
    background: #eeeeee;
    height: 100%;
    width: 500px;
    overflow-y: scroll;
}

.wf-multi-tile-step-list-container {}

.wf-step-multi-tile-container {
    width: 60%;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #f1f1f1;
    margin-top: 0px;
    margin-right: 0px;
    display: flex;
    flex-direction: column;
}

.wf-step-multi-tile-container h4 {
    font-size: 1.4rem;
    font-weight: 500;
}

.wf-multi-tile-step-list-empty {
    border: #cfcfcf solid 1px;
    border-radius: 2px;
    background-color: #e9e9e9;
    padding: 80px 20px 120px 20px;
    text-align: center;
}

.wf-multi-tile-step-card {
    border: 1px solid #ddd;
    margin-bottom: 5px;
    border-radius: 2px;
    background-color: #fff;
}

.wf-multi-tile-card-info {
    display: flex;
    flex-direction: row;
    padding: 10px 15px;
}

.wf-multi-tile-card-info .workflow-step-icon {
    margin-top: 10px;
}

div.wf-multi-tile-card-info div {
    margin-left: 12px;
}

.wf-multi-tile-card-info-details {
    color: #5d768f;
    padding-left: 12px;
}

.wf-multi-tile-card-info-details>h4 {
    margin-bottom: 2px;
    /* margin-left: 12px; */
}

.wf-multi-tile-card-info-details dd a {
    color: #999;
}

.wf-multi-tile-card-info-details dd {
    margin-bottom: 3px;
    color: #999;
}

.wf-multi-tile-step-card div div {
    margin: 0;
    margin-right: 5px;
}

.wf-multi-tile-step-card>div.wf-multi-tile-card-info~div {
    display: flex;
    flex-direction: row;
    color: #4f9ce9;
    font-size: 1.3rem;
    font-weight: 600;
    cursor: pointer;
    padding-top: 10px;
    height: 40px;
    /* align-self: flex-end; */
}

.wf-multi-tile-step-card>div.wf-multi-tile-card-info~div span {
    margin-right: 3px;
}

.wf-multi-tile-step-card>div.wf-multi-tile-card-info~div span:nth-child(2) {
    margin-right: 15px;
}

.wf-multi-tile-step-card>div.wf-multi-tile-card-info~div span:hover {
    color: #0D70CF;
}

.wf-multi-tile-step-card-controls {
    padding: 5px 15px;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
}

.workflow-nav-tab-container {
    display: flex;
    width: inherit;
}

.workflow-tab-controls {
    min-width: 30px;
    display: flex;
    background-color: #eceef0;
    align-items: center;
    font-size: 3rem;
    justify-content: center;
    border: solid 1px #ddd;
    color: #555;
    cursor: pointer;
}

.workflow-nav-tabs {
    overflow-x: scroll;
    min-height: 45px;
    width: 100%;
}

.tabbed-workflow-step-container {
    flex: 1 1 auto;
    overflow-y: scroll;
}

.workflow-nav-tab-list {
    background-color: #fafafa;
    display: flex;
    min-width: max-content;
}

.workflow-nav-tab-list-item {
    display: flex !important;
    /* override navs.less */
    align-items: center;
}

.workflow-nav-tab {
    min-width: 220px;
    padding: 12px 20px;
    border-left: 1px solid #BBD1EA;
    background: #F7F9FB;
    border-bottom: 1px solid #BBD1EA;
    height: 45px;
}

.workflow-nav-tab.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: 600;
    padding-top: 10px;
}

.workflow-nav-tab-list-item:last-child {
    border-right: 1px solid #ddd;
}

.workflow-nav-tab.inactive {
    cursor: pointer;
}

.workflow-nav-tab.disabled {
    color: darkgrey;
    cursor: not-allowed;
}

.workflow-nav-tab-arrow {
    display: flex;
    align-items: center;
    padding: 4px;
    padding-top: 6px;
    font-size: 1.5rem;
}

.workflow-nav-tab-arrow.disabled {
    color: lightgrey;
    cursor: default;
}

.workflow-nav-controls {
    width: 60px;
    display: flex;
    background-color: #fff;
    align-items: center;
    font-size: 3.2rem;
    justify-content: center;
    color: #004577;
}

.workflow-nav-controls:hover {
    color: #007799;
}

.card .install-buttons .btn-labeled {
    font-weight: 600;
}

.card .install-buttons {
    display: flex;
}

/*.workflow-nav-controls.left {
    border-left: solid 1px #aaa;
}*/


/*.workflow-nav-controls.right {
    border-right: solid 1px #aaa;
}*/

.workflow-nav-controls .inactive {
    color: #ccc;
}

.workflow-plugin {
    flex-grow: inherit;
    background-color: #fff;
}

.workflow-select-plugin {
    padding: 0px 20px 20px 20px;
}

#workflow-container {
    display: flex;
    flex-direction: row;
}


/* general styling for all tabs */

.tabbed-report-tab-list {
    background-color: #ebeef0;
    display: flex;
    flex-direction: row;
    list-style-type: none;
    flex-wrap: wrap;
}

ul.tabbed-report-tab-list {
    margin: 0;
    padding: 0 20px;
}

.report-tab {
    background: #f4f4f4;
    border: #e9e9e9 solid 1px;
    border-radius: 100%;
    display: flex;
    height: 50px;
    width: 50px;
    line-height: 50px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 15px 25px;

    &:hover {
        cursor: pointer;
        background: #BADAF7;
        border: 1px solid #1E6FB7;
    }

    i {
        color: #bbbbbb;
        font-size: 1.9rem;
        line-height: 23px;
        display: block;
        &:hover{
            color: #fff;
        }
    }

    &.active {
        border: #4389c9 solid 2px;
        border-radius: 100%;
        background: #5fa2dd;
        i {
            color: white;
        }
    }
}

.report-tab-form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 15px 0px 15px;
    padding: 5px;
    background-color: #fff;

    &.active {
        border: #4389c9 solid 2px;
    }
}

.report-tab-form-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px;
}

.tab-banner {
    height: 50px;
    background: #5fa2dd;
    padding: 5px 20px 7px 20px;
}

.tab-banner>div+div span {
    font-size: 1.3rem;
    padding: 0 20px;
}

.tab-banner span {
    font-size: 1.5rem;
    color: white;
}

.tab-summary-container {
    display: flex;
    flex-direction: row;
}

.summary-panel {
    background: #f9f9f9;
    margin-top: -30px;
}

.mouse-pointer canvas {
    cursor: pointer;
}

.photo-workbench-photos::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 9px;
    border-left: 1px solid #ddd;
}

.photo-workbench-photos::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .28);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.photo-workbench-photo {
    position: relative;
    padding: 4px;
}

.photo-workbench-photo:nth-child(even) {
    background: #fff;
    border-bottom: 1px solid #D3E5F4;
}

.photo-workbench-photo:nth-child(odd) {
    background: #F5FAFE;
    border-bottom: 1px solid #D3E5F4;
}

.photo-workbench-photo.selected-photo {
    background-color: #9CC3E4;
    color: #fff;
    font-weight: 600;
    padding: 4px;
}

.photo-workbench-photo:not(.selected-photo):hover {
    background: #CAE2F5;
    cursor: pointer;
}

.workbench-tile-picker-label {
    font-weight: 600;
    color: #666;
    margin-left: 10px;
}

.workbench-card-sidepanel-header-container.file-workbench {
    margin-right: 0px;
    margin-left: 0px;
}

.file-workbench-selected-buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 5px;
}

.file-workbench-filter {
    position: relative;
    margin-top: 20px;
    margin-bottom: -10px;
}

.file-workbench-filter .clear-node-search {
    margin-top: 25px;
}

.file-workbench-filter-header {
    font-size: 1.5rem;
    font-weight: 400;
}

.file-workbench-files {
    height: 136px;
    overflow-y: scroll;
    border: solid 1px #ddd;
    display: flex;
    flex-direction: column;
    margin: 15px 0px 5px 0px;
}

.file-workbench-filecount {
    color: steelblue;
    font-size: 1.1rem;
    padding-left: 5px;
    padding-top: 5px;
}

.file-workbench-files::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 9px;
    border-left: 1px solid #ddd;
}

.file-workbench-files::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.file-workbench-button-container {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px
}

.file-workbench-buttons {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

.file-workbench-links {
    display: inline-flex;
    justify-content: space-between;
    font-size: 1.2rem;
}

.btn-workbench {
    width: 100%;
    font-size: 1.5rem;
}

.file-workbench-file {
    position: relative;
    padding: 4px;
    display: inline-flex;
    justify-content: left;
    align-items: center;
}

.file-workbench-file .file-name {
    padding-left: 5px;
}

.file-workbench-file:nth-child(even) {
    background: #fff;
    border-bottom: 1px solid #D3E5F4;
}

.file-workbench-file:nth-child(odd) {
    background: #F5FAFE;
    border-bottom: 1px solid #D3E5F4;
}

.file-workbench-file.selected-photo {
    background-color: #9CC3E4;
    color: #fff;
    font-weight: 600;
    padding: 4px;
}

.file-workbench-file:not(.selected-photo):hover {
    background: #CAE2F5;
    cursor: pointer;
}

.file-workbench-file.chart-series-selector {
    display: inline-flex;
    width: 100%;
}

.file-workbench-file.chart-series-selector div {
    padding-left: 5px;
}

.chart-config-panel {
    margin-top: 50px;
}

.add-data-series {
    width: 27px;
    height: 27px;
    border-bottom: 1px solid #D3E5F4;
    background: #9CC3E4;
    color: #fff;
    margin: -4px 0px -5px -4px;
    padding-top: 4px;
    padding-left: 8px ! important;
}

.add-data-series:hover {
    background: #497DA9;
}

.selected-photo .add-data-series {
    border-bottom: 1px solid #D3E5F4;
    background: #497DA9;
    color: #fff;
}

.staged {
    background-color: #90DFFF;
}

.staged:hover {
    background-color: #7FC7E3;
}

.file-workbench-file.staged {
    background-color: #90DFFF;
    color: #fff;
    font-weight: 600;
    padding: 4px;
}

.file-workbench-file:not(.staged):hover {
    background: #CAE2F5;
    cursor: pointer;
}

.file-viewer {
    position: relative;
}

.file-viewer.chart-header {
    position: relative;
    padding-left: 20px;
    background: #f1f1f1;
    width: 100%;
    display: inline-block;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.chart-header h3 {
    font-size: 1.5rem;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.5rem ! important;
}

.chart-style-panel h2 {
    font-size: 1.5rem;
    margin-bottom: 0px;
}

.chart-style-panel .input-group-addon {
    background: #26d664;
    height: 40px;
    border: 1px solid black;
}

.file-viewer .loading-mask,
.search-result-details .loading-mask {
    position: relative;
    opacity: .5;
    background-color: gray;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 240;
}

.file-viewer .loading-mask::before,
.search-result-details .loading-mask::before {
    position: fixed;
    opacity: .5;
    color: #7b7b7b;
    content: '\f110';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 10vw;
    margin-top: 42vh;
    margin-left: 32vw;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    z-index: 100000001;
}

.file-viewer .loading-mask:after,
.search-result-details .loading-mask::after {
    display: none;
}

.chart .plotly {
    border: 1px solid #ddd;
    padding-top: 10px ! important;
    padding-bottom: 30px ! important;
    border-radius: 2px;
    background: #fff;
}

.plotly .legend .bg {
    fill: #fafafa ! important;
    transform: translate(-5px, -5px) scaleX(1.05)scaleY(1.2);
    stroke-width: 1px ! important;
    stroke: #eee ! important;
}

/* photo gallery */

.gallery-container .tab-container .tab-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.thumbnail-gallery-controls {
    width: 35px;
    height: 105px;
    display: flex;
    background-color: rgba(0, 0, 0, 0.95);
    align-items: center;
    font-size: 4.1rem;
    justify-content: center;
    border-top: 1px solid #000;
    color: #eee;
    cursor: pointer;
}

.thumbnail-gallery-controls.left {
    border-left: solid 1px #343434;
}

.thumbnail-gallery-controls.right {
    border-right: solid 1px #343434;
}

.thumbnail-container {
    display: flex;
    justify-content: space-between;
    width: inherit;
}

.workbench-card-container-sidepanel-active .thumbnail-container {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 400px);
}

.show-thumbnails-btn {
    padding: 4px 10px;
    font-size: 1.4rem;
    margin-left: 35px;
    width: 130px;
    color: #eee;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.show-thumbnails-btn:hover {
    cursor: pointer;
}

.show-thumbnails-btn.open {
    position: relative;
}

.show-thumbnails-btn.closed {
    position: absolute;
    bottom: 0;
}

.thumbnail-gallery-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.workflow-step-body .thumbnail-gallery-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    bottom: 0px;
    width: calc(100% + 311px);
    left: 50px;
}

.workflow-step-container .thumbnail-gallery-container {
    bottom: 0px;
    left: 50px;
}

.workflow-panel {
    background: #26476a;
    /* width: 12%; */
    color: white;
}

div.workflow-panel {
    min-width: 250px;
}

.workflow-panel ul {
    /* text-decoration: none; */
    list-style-type: none;
    /* padding-left: 12px; */
    margin-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    /* min-height: 200px; */
    padding-left: 0;
    /* border-bottom: #fff; */
    border-width: 2px;
}

.workflow-panel i {
    margin-right: 0px;
    font-size: 1.3rem;
    color: #ddd;
    width: 20px;
    text-align: center;
    margin-left: -5px;
}

.workflow-panel li {
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 12px;
}

.workflow-panel li:hover {
    background: rgba(70, 130, 180, 0.4);
    border-left: 4px solid steelblue;
}

.workflow-panel:not(.navbarclosed) li:hover a {
    margin-left: -4px;
}

.workflow-panel:not(.navbarclosed) .active-sub:hover li {
    cursor: default;
    background: steelblue;
}

.workflow-panel .active-sub:hover a {
    cursor: default;
    background: steelblue;
}

.workflow-panel>hr {
    border-color: white;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}

.workflow-panel.navbarclosed>hr {
    border-color: #0B0737;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.workflow-panel .navbarclosed>hr {
    border-color: white;
    margin-bottom: 0px;
}

.workflow-panel li a span {
    color: white;
    font-size: 1.5rem;
    margin-top: 15px;
    margin-left: 5px;
}

.workflow-select-wf-icon {
    color: white;
    font-size: 2.8rem;
    padding-top: 0px;
}

.widget-wrapper .col-xs-12.dropzone .dz-default.dz-message button {
    display: none;
}

.workflow-select-title {
    font-size: 1.4em;
    font-weight: 500;
}

.workflow-select-wf-circle {
    width: 70px;
    height: 70px;
    display: inline-block;
    text-align: center;
    padding: 18px 12px;
    border-radius: 40px;
    border: 1px solid #747474;
}

.workflow-select-desc {
    font-size: 1.2rem;
    padding-top: 10px;
    font-weight: 600;
}

.workflow-select-card-container-title {
    font-size: 1.5em;
    font-weight: 500;
    padding-left: 30px;
    margin-top: 5px;
    margin-bottom: -15px;
}

.workflow-select-card-container {
    display: flex;
    flex-grow: inherit;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
}

.workflow-select-card {
    width: 200px;
    height: 200px;
    padding: 10px;
    color: white;
    text-align: center;
    border: 1px solid #777;
    border-radius: 1px;
    margin: 5px;
    opacity: 0.85;
}

.workflow-select-card:hover {
    opacity: 1.0;
    border: 1px solid black;
}

.workflow-component-based-step {
    width: 100%;
    height: 100%;
    padding: 20px;
}

div.final-cons-step-splash {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1%;
}

div.final-cons-step-splash>a {
    max-width: 180px;
}

div.final-cons-step-splash>button {
    border-radius: 2px;
}

div.final-cons-step-separator {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
    margin-top: 15px;
    margin-bottom: 8px;
    color: #777;
}

div.final-cons-step-separator>hr {
    margin-top: 25px;
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0;
    flex-grow: 9;
    border: 1px solid #ddd;
}

div.final-cons-step-separator>h4 {
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 12px;
    font-size: 2.1rem;
    font-weight: 500;
    flex-grow: 1;
    text-align: center;
}

.gallery-container {
    position: relative;
}

.gallery-thumbnails {
    display: inline-flex;
    align-items: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.85);
    height: 105px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    border-top: solid 1px #000;
}

.gallery-thumbnails img {
    height: 80px;
    margin: 3px 6px;
    border: solid 1.5px #eee;
}

.gallery-thumbnails img:hover {
    cursor: pointer;
    border: 1.5px solid #FFF;
}

.gallery-thumbnails .dz-cancel {
    color: black;
    background-color: #ccc;
    position: absolute;
    right: 0;
    opacity: 0.75;
    position: absolute;
}

.gallery-thumbnails .dz-cancel:hover {
    background-color: #eee;
    opacity: 1;
}

.gallery-thumbnails .btn-xs {
    padding: 0.5px 3.5px;
}

.gallery-controls {
    display: flex;
    right: 0px;
    top: 0px;
    height: 100%;
}

.gallery-controls.new-tile {
    background: #ededed;
    justify-content: center;
    width: 100%
}

.gallery-controls.new-tile .dropzone-photo-upload {
    margin-top: 0;
    padding: 45px;
    background-color: #ffffff;
    width: 100%;
}

.iiif-image-tools .dropzone-photo-upload {
    padding: 25px 15px;
    border: 1px dashed #bbb;
    background: #f9f9f9;
    text-align: center;
    color: #808080;
    margin: 5px 0px 30px 0px;
    border-radius: 2px;
    cursor: pointer;
}

.iiif-image-tools .dropzone-photo-upload:hover {
    border-color: #787878;
    background: #f2f2f2;
}

.photo-workbench-photos {
    height: 136px;
    overflow-y: scroll;
    border: solid 1px #ddd;
    display: flex;
    flex-direction: column;
    margin: 40px 10px 10px 10px;
}

.photo-workbench-photo {
    position: relative;
    padding: 4px;
}

.photo-workbench-photo:nth-child(even) {
    background: #fff;
    border-bottom: 1px solid #D3E5F4;
}

.photo-workbench-photo:nth-child(odd) {
    background: #F5FAFE;
    border-bottom: 1px solid #D3E5F4;
}

.photo-workbench-photo.selected-photo {
    background-color: #9CC3E4;
    color: #fff;
    font-weight: 600;
    padding: 4px;
}

.photo-workbench-photo:not(.selected-photo):hover {
    background: #CAE2F5;
    cursor: pointer;
}

.gallery-controls.new-tile .dropzone-photo-upload {
    margin-top: 0;
    padding: 45px;
    background-color: #ffffff;
    width: 100%;
}

.workbench-card-sidepanel .gallery-controls.new-tile .dropzone-photo-upload {
    margin-top: 0;
    padding: 15px;
    background-color: #ffffff;
    width: 100%;
}

.workbench-card-sidepanel .gallery-controls.new-tile .dropzone-photo-upload {
    margin-top: 0;
    padding: 15px;
    background-color: #ffffff;
    width: 100%;
}

/* end photo gallery */

.workbench-model-card-container {
    margin-top: 50px;
    padding-bottom: 40px;
}

.workbench-card-sidebar {
    position: absolute;
    height: 100%;
    right: 0px;
    top: 0px;
    width: 75px;
    background-color: #f1f1f1;
    border-left: 1px solid #ddd;
    z-index: 500;
}

.workbench-card-sidebar-tab.disabled {
    color: #aaa;
    cursor: auto;
    pointer-events: none;
}

.workbench-card-sidebar-tab i {
    font-size: 1.6rem;
    display: block;
    padding-bottom: 2px;
}

.workbench-card-sidebar-tab:hover {
    background: #fbfbfb;
    color: #454545;
}

.workbench-card-sidebar-tab.disabled:hover {
    color: #aaa;
    background-color: #f1f1f1;
}

.workbench-card-sidebar-tab.active {
    z-index: 200;
    background-color: white;
    border-left: solid 1px white;
    margin-left: -1px;
    color: #454545;
}

.workbench-card-sidepanel.expanded {
    width: 600px;
    z-index: 1001;
}

.manifest-manager-canvas-name {
    width: 315px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manifest-manager-nav-tab {
    height: 50px;
    min-width: 220px;
    padding: 10px 20px;
    border-right: 1px solid #f1f1f1;
    background-color: #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.manifest-manager-nav-tab.active {
    background-color: #f6f6f6;
    font-weight: 600;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.manifest-manager-nav-tab .tab-label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.manifest-manager-main-menu-circle {
    width: 75px;
    height: 75px;
    display: inline-block;
    text-align: center;
    padding: 20px;
    border-radius: 50%;
    background-color: #ccc;
}

.manifest-manager .dropzone-photo-upload {
    margin-top: 15px;
}

.manifest-manager .loader-select {
    height: 100%;
}

.manifest-manager .rr-splash-description {
    width: 700px;
}

.overlay-listing.rr-map-card .overlay-name:before {
    content: "\f070";
}

.active-overlay .overlay-listing.rr-map-card .overlay-name {
    color: #666;
    content: "\f06e";
}

.active-overlay .overlay-listing.rr-map-card .overlay-name:before {
    color: #666;
    content: "\f06e";
}

.rr-map-card.related-instances .related-instance {
    color: #9e9e9e;
    font-size: 1.2rem;
    padding: 3px 0 0 12px;
}

.active-overlay .rr-map-card.related-instances .related-instance {
    color: #666;
}

.active-overlay .rr-map-card.related-instances .related-instance.hovered {
    background-color: #eee;
}

.summary-panel {
    background: #f9f9f9;
    margin-top: -30px;
}

.mouse-pointer canvas {
    cursor: pointer;
}

.workbench-card-wrapper {
    flex: 1;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fafafa;
    border-top: 1px solid #ddd;
}

.workbench-card-wrapper.autoheight {
    height: auto;
    min-height: 100%;
}

.card-component-wrapper-editor .workbench-card-wrapper {
    border-top: 1px solid #041B33;
}

.widgets .workbench-card-wrapper {
    border: 1px solid #a8a8a8;
}

.widgets .workbench-card-wrapper {
    height: 500px;
}

.workbench-card-container {
    height: 100%;
}

.workbench-card-container.workbench-card-container-sidepanel-active {
    margin-right: 400px;
}

.workbench-card-sidebar-tab {
    color: #787878;
    min-height: 65px;
    padding: 16px;
    text-align: center;
    font-size: 1.6rem;
    border-bottom: 1px solid rgb(216, 216, 216);
    cursor: pointer;
}

.map-sidebar-text {
    font-size: 1.1rem;
}

.workbench-card-sidepanel {
    position: absolute;
    z-index: 250;
    right: 75px;
    height: 100%;
    background: white;
    border-left: 1px solid rgb(216, 216, 216);
    display: flex;
    flex-direction: column;
    align-items: normal;
    width: 400px;
}

.workbench-sidepanel-body {
    margin-top: 50px;
}

.install-buttons .btn-warning {
    background: #f75d3f;
    border-color: #E53211;
}

.install-buttons .btn-warning:hover {
    background: #E53211;
    border-color: #B02107;
}

.install-buttons .btn-danger {
    background: #FF836C;
    border-color: #E53211;
}

.install-buttons .btn-danger:hover {
    background: #f75d3f;
    border-color: #E53211;
}

.install-buttons .btn-mint {
    background: #3acaa1;
    border-color: #42cca5;
}

.install-buttons .btn-mint:hover {
    background: #1ABA8E;
    border-color: #009E72;
}

.rr-map-card-intersect-panel {
    margin-top: 7px;
    margin-bottom: 32px;
}

.rr-map-card-intersect-panel .intersection-result {
    padding: 3px 0 0 12px;
}

.rr-map-card-intersect-panel .intersection-result.hovered {
    background-color: #ddd;
}

.help-close {
    color: #868686;
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 600;
}

.scroll-y {
    height: calc(100vh - 50px);
    /* top-nav height */
    overflow-y: auto;
}

.scroll-y-hidden {
    overflow-y: hidden;
}

.scroll-y-auto {
    overflow-y: auto;
}

.tab-base .nav-tabs>li:not(.active)>a:hover {
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #fff;
    background: #eee;
}

.tab-base .tab-content {
    box-shadow: none;
    padding-bottom: 0;
    margin: 0;
}

.panel .panel-heading,
.panel>:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.columns{
    display: flex;
    flex-wrap: wrap;
}

span.icon-wrap.icon-circle.bg-gray-dark:hover {
    background: #94A6BC;
    color: #123;
}

.widget-config-container .widget-input-label {
    font-weight: inherit;
}

.widget-input {
    border-radius: 2px;
}

.widget-file {
    width: 100px;
}

.form-contol {
    height: 36px;
    font-size: 1.3rem;
}

.date .form-control {
    height: 36px;
}

.tile {
    border-left: 2px solid #0594BC;
    border-right: 1px solid #ddd;
    border-top: 0 solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fbfbfb;
    color: #5f5f5f;
    width: 200px;
    height: 170px;
    position: relative;
    overflow-y: scroll;
    padding: 5px 5px 7px;
}

.help-text-small {
    font-size: 1.2rem;
    padding-right: 5px;
}

.grid-container {
    overflow: scroll;
}

.list-wrapper {
    overflow-y: auto;
    height: calc(100% - 60px);
    /*60px accounts for header so list scrolls to bottom*/
}

.grid {
    background: #ebeef0;
    max-width: 1200px;
    margin-left: -8px;
    margin-right: -6px;
    border-top: 1px solid #ddd;
    overflow: auto;
}

.grid-item {
    float: left;
    width: 100px;
    height: 100px;
    background: #0D8;
    border: 1px solid #333;
    border-color: hsla(0, 0%, 0%, 0.7);
    margin: 3px;
}

.form-group div input {
    max-width: 600px;
    border: 1px solid #eee;
}

.btn-display-toggle {
    height: 35px;
}

.btn-display-toggle:focus {
    background: #9490EE;
    color: #fff;
}

.time-wheel-display-toggle .btn-display-toggle:last-child {
    border-left-color: #fff;
}

.btn-group .btn+.btn {
    margin-left: 0px;
}

.btn-group-xs>.btn, .btn-xs {
    font-size: 1.2rem;
}

.library {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: .95;
    border-radius: 0;
    z-index: 200;
    padding: 0 20px 20px 0;
}

.icon-selector{
    .clear-search {
        color: #123;
        font-size: 1.7rem;
        margin: 7px -30px;
    }

    .clear-search:hover {
        cursor: pointer;
        color: rgba(0, 0, 0, 0.95);
    }

    .icon-list{
        height: 300px;
        overflow-y: scroll;
        padding: 15px;
        border: 1px solid #e9e9e9;
    }

    .demo-icon-font {
        font-size: 1.4rem;
        margin-bottom: 6px;
        padding: 4px 8px;
    }

    .demo-icon-font:hover {
        cursor: pointer;
        background: #eee;
    }

    .demo-icon-font .selected {
        background: #eee;
    }
}

.iiif-canvas-filter {
    height: 28px;
    margin: 0px 5px;
}


.key {
    margin-top: 98px;
}

.library-close-btn {
    position: absolute;
    right: 10px;
    top: -22px;
    font-size: 1.5rem;
    color: #666;
}

.alert {
    padding: 15px;
}

.selected-card {
    opacity: 1.0;
    color: #fff;
    background-color: #fbfbfb;
}

.selected div .listitem_name {
    font-weight: 600;
}

.disabled .listitem_name {
    font-weight: 600;
    color: #999;
}

.selected div .name {
    font-weight: 600;
}

.side-column-crud-container
{
    flex: 0 0 275px;
    margin-top: -1px;
    margin-bottom: 0px;
    background-color: #fafafa;
    width: 275px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid #ddd;

    .layer-list {
        height: 50px;
        padding: 10px;
        background: #f4f4f4;
        border-top: solid 1px #ddd;
    }

    .grid {
        margin: 0;
        .library-card {
            height: 60px;
            color: #666;
            border-bottom: 1px solid #ddd;
            background: #f8f8f8;
            border-left: 5px solid #f8f8f8;
            display: flex;
            align-items: center;

            &.active {
                background: #ffffff;
                border-left: 5px solid steelblue;
                &:hover {
                    background: #fff;
                    border-left: 5px solid steelblue;
                }
            }

            &.inactive {
                background: #f7f7f7;
            }

            &.selected.selected-card {
                background: #fff;
                border-left: 5px solid steelblue;
                cursor: default;
            }

            &.permissions.selected.selected-card {
                background: #fff;
                color: #656665;
                border-left: 0px;
                cursor: default;
            }

            &:hover {
                background-color: #fff;
                cursor: pointer;
                border-left: 5px solid steelblue;
                opacity: 1.0;
            }

            &.relative {
                transition: height 0.25s;

                &.selected {
                    height: 180px;
                    transition: height 0.25s;
                    background: #ffffff;
                    border-left: 5px solid steelblue;
                    overflow-y: hidden;

                    &.hovered {
                        background: #ffffff;
                        border-left: 5px solid steelBlue;
                    }
                }

                &.hovered {
                    background: #ffffff;
                    border-left: 5px solid #20CE05;
                }
            }

            .project-status {
                text-align: left;
            }

            .library-card-content {
                padding: 0 5px;
                flex: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                display: flex;
                flex-direction: column;
                text-align: start;

                .crud-card-main {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-size: 1.3rem;
                }

                .crud-card-main a {
                    color: #1E6FB7;
                }

                .crud-card-subtitle {
                    color: #888;
                    font-size: 1.1rem;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
            .library-icon {
                margin: 0 10px;
                span {
                    width: 40px;
                    height: 40px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    i {
                        display: block;
                        line-height: initial;
                        text-align: initial;
                        position: initial;
                        width: initial;
                        padding-top: initial;

                        &:before {
                            position: initial;
                            top: initial;
                            left: initial;
                            right: initial;
                        }
                    }
                }
            }

            .library-card-main {
                width: 255px;
                position: absolute;
                left: 58px;
                top: 12px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 1.2rem;

                a {
                    color: #1E6FB7;
                }
            }

            .library-card-subtitle {
                text-transform: capitalize;
                width: 225px;
                position: absolute;
                left: 58px;
                top: 25px;
                color: #888;
                font-size: 1.1rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 2px 2px 3px 0;
            }
        }
    }
}

#function-list {
    display: flex;
}

.branch-library {
    background-color: white;
    height: auto;
}

.branch-library-icon {
    font-size: 1.5rem;
}

#branch-library {
    width: 100%;
    margin-left: 1px;
}

.middle-column-container.card-configuration.expanded {
    flex-basis: 450px;
}

.card-configuration.expanded+div div div div div .install-buttons {
    margin-right: 525px;
}

.constraint-selection {
    padding-top: 10px;
    border-bottom: solid 1px #eee;
}

.constraint-selection .dropdown {
    padding-top: 10px;
    padding-bottom: 10px;
}

.user-groups {
    font-size: 1.1rem;
    color: #999;
}

.load-relations {
    color: #fff;
    padding: 3px 5px;
    background: steelblue;
    position: absolute;
    right: -5px;
    margin-right: 5px;
    top: 0px;
    border-radius: 2px;
    font-weight: 600;
}

.load-relations.disabled {
    color: #888;
    margin-left: 5px;
    background: #ddd;
}

.selected-group-user-permissions {
    position: absolute;
    left: 30px;
    width: 100%;
}

.permissions-options {
    display: flex;
    flex-direction: column;
}

.selected-group-user-permissions .library-icon-permissions {
    top: 0px;
}

.permission-manager {
    width: 100%;
}

.permissions-instructions-panel {
    border: 1px solid #ddd;
    padding: 30px;
    margin-bottom: 30px;
    background: #fbfbfb;
}

.settings-panel-heading+.permissions-instructions-panel {
    margin-top: 55px;
}

.permission-manager.panel-body {
    display: flex;
    background-color: white;
    margin: 1px;
    height: 675px;
}

.permission-manager .card-content-container {
    padding: 10px 50px 10px;
    background-color: white;
}

.permission-manager-filter {
    height: 58px;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ccc;
    margin-bottom: 2px;
}

.permission-manager-filter .clear-selection a.clear-selection-link {
    padding-right: 5px;
    font-size: 1.3rem;
}

.permission-manager-filter .clear-node-search {
    position: absolute;
    top: 22px;
    font-size: 1.4rem;
    left: 46%;
    width: 15px;
}

.permission-manager-item-list .card-tree-container {
    margin-right: 0px;
}

.permission-manager .filter-bar {
    display: flex;
    flex-direction: row;
    padding: 15px;
}

.permission-manager-item-list {
    padding-left: 10px;
}

.permission-manager.header {
    position: relative;
    height: 100px;
    padding-left: 10px;
    color: #2b425b;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.permission-manager .control-panel {
    display: flex;
    margin-left: 0px;
}

.permissions {
    background: rgb(240, 240, 240);
}

.permissions:hover {
    background: #fff;
}

.permissions.selected {
    background: #fff;
}

.confirmation-permissions {
    font-size: 1.2rem;
    color: #888;
}

.permission-selector {
    margin: 20px 0px 30px 0px;
}

.permissions-readout {
    float: right;
    padding-right: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #454545;
    padding-top: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
    padding-left: 10px;
}

.permissions-node {
    font-size: 1.3rem;
    color: #555;
}

.no-cards-selected {
    padding: 10px;
    font-size: 1.3rem;
}

.permissions-node-row {
    display: inline-flex;
    background: #fff;
    border-bottom: 1px solid #D3E5F4;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: 0px;
    justify-content: space-between;
}

.permissions-node-row:nth-child(even) {
    background: #F5FAFE;
}

.permissions-title {
    font-size: 1.5rem;
}

.permissions-title-panel {
    position: absolute;
    top: 3px;
    left: 50px;
}

.library-icon-permissions {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 100%;
}

.permissions-default {
    height: 1px;
    color: #555;
    font-size: 1.6rem;
}

.permissions-account-warning {
    padding: 4px 10px;
    background: #ffb54a;
    color: #fff;
    border: 1px solid #EF9A1F;
}

.permissions-list {
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    background: #fff;
    width: 100%;
}

.permissions-selected {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    list-style: none;
    color: #666;
    line-height: 1.2;
    padding-left: 0px;
    font-size: 1.5rem;
    border: 1px solid #ddd;
}


/*------------------------------------------------*/

.permission-grid {
    display: grid;
    grid-template-columns: 40px 450px auto 40px;
    grid-template-rows: 25px auto auto auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.permission-grid .permission-header {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 2;
}

.permission-grid .permission-control {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 3;
}

.permission-grid .permission-list {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 4;
    overflow-y: auto;
}

.permission-grid .permissions-options {
    display: flex;
    flex-direction: row;
    margin-top: 5px;
    padding: 10px 0px 15px;
}

.permissions-list-table {
    height: 300px
}

.permissions-list-table-body {
    height: 400px;
    overflow-y: auto;
    border: solid 1px #ddd;
}

.permissions-list-table-body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 9px;
    border-left: 1px solid #eee;
}

.permissions-list-table-body::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.permissions-list-header {
    background: #579ddb;
    color: #fff;
    width: 100%;
    display: flex;
    padding: 9px 5px;
    border-bottom: 1px solid #D3E5F4;
    font-weight: 600;
}

.permission-control .clear-filter {
    align-self: center;
    font-size: 1.4rem;
    margin-left: -20px;
    padding-right: 15px;
}

.permissions-table-row {
    display: flex;
    flex-direction: column;
    padding: 8px 5px;
    border-bottom: 1px solid #D3E5F4
}

.permissions-table-row.selected {
    background-color: #F1F1FF;
}

.permissions-table-row.selected:hover {
    background-color: #F1F1FF;
    cursor: pointer;
}

.permissions-table-row:hover {
    background-color: #B6DEFF;
    cursor: pointer;
}

.permissions-table-row.disabled{
    background-color: #f8f8f8;
    color: #777;
    font-weight: 600;
}

.permissions-table-row.disabled:hover {
    cursor: default;
}

.permission-selection-panel {
    display: inline-flex;
    background: #fcfcfc;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 8px -5px -10px -5px;
}

.permission-selection-panel:hover {
    cursor: default;
}

.permission-list-table .identities-column {
    width: 35%;
}

.permission-list-table .permissions-column {
    width: 65%;
}

.permission-grid .permissions-buttons {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 5;
    height: 75px;
    align-items: baseline;
    display: flex;
}

.permission-grid .remove-permissions-btn {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 5;
    height: 75px;
    justify-self: end;
}


/*------------------------------------------------*/

.library-search {
    font-size: 1.1rem;
    height: 32px;
    width: 100%;
}

.key-icon {
    width: 50px;
}

#library .nav-tabs li:not(active) a {
    opacity: 0.9;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #314151;
    color: rgba(255, 255, 255, 0.5);
    padding: 20px 0;
}

#library .nav-tabs .active a {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid transparent;
    background-color: #37495b;
    color: inherit !important;
}

.branch-icon {
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.branch-icon:hover {
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: #5fa2dd;
}

.clear-selection {
    width: 100%;
    height: 21px;
    padding-top: 4px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.clear-selection-link {
    cursor: pointer;
    font-size: 0.9rem;
    float: right;
    color: #555;
}

.clear-selection-link:hover {
    color: #333;
}

.clear-selection a.clear-selection-link {
    font-size: 1.1rem;
}

.node circle {
    fill: #fff;
    stroke: #4682B4;
    stroke-width: 1px;
}

.node {
    font-size: 1.3rem;
    transition: all .40s ease;
    stroke: #aaa;
    stroke-width: 1px;
}

.node .node-selected {
    fill: #3ACAA2;
    stroke: #009E72;
    stroke-width: 1px;
}

.node .node-filtered {
    /*    fill: #f0f0f0;
    stroke: #bbb;*/
}

.graph-node-text {
    text-overflow: ellipsis;
    stroke: steelblue;
}

.link {
    fill: none;
    stroke: #bbb;
    stroke-width: 2px;
}

.node .node-over {
    fill: #3ACAA2;
    stroke: #009E72;
    stroke-width: 1.5px;
    cursor: pointer;
    transition: all .40s ease;
}

.target-node circle {
    opacity: 0.2;
    fill: red;
    stroke: red;
    stroke-width: 25px;
}

.target-node circle.node-over {
    opacity: 0.5;
    fill: red;
    stroke: red;
    stroke-width: 32px;
}

#nodeCrud {
    position: absolute;
    width: 250px;
    left: 300px;
    top: 0;
    bottom: 0;
    color: #fff;
    z-index: 200;
    border-left: 1px solid #1E3143;
    border-right: 1px solid #1E3143;
    -webkit-border-radius: 12px;
    -moz-border-radius: 2px;
    border-radius: 0;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    padding: 0 10px;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.round {
    border-radius: 50%;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.arches-form {
    background-color: #ebeef0;
    padding: 20px 0 40px;
}

#aside-container #aside .nav-tabs li:not(active) a {
    padding: 20px 0;
}

ul.nav.nav-tabs.nav-justified {
    height: 59px;
}

.v-menu {
    height: 100vh;
    width: 300px;
    background: #fff;
    border-right: 1px solid #ddd;
    padding: 0 0 0 12px;
}

.form-page {
    background-color: #e7ebee;
    width: 100%;
    padding: 20px 20px 100px 5px;
}

.node-configuration {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.set-variable-pixel-height {
    /* WRONg PLACE */
    /*
        Flexbox recalculates height on component load. This hack
        allows us the to assign a hard-pixel height to a flexy
        element, thus allowing pixel calculations on variable height.
        See https://stackoverflow.com/a/14965123
    */
    display: flex;
    flex: 1 1 auto;
    height: 0;
}

.settings-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.settings-panel-heading {
    background: #25476a;
    color: #fff;
    padding: 0px 15px;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.settings-panel-body {
    flex-direction: column;
    overflow-y: scroll;
}

.graph-crm-class {
    font-size: 1.5rem;
    color: #ddd;
    padding: 0px 10px;
}

.graph-type {
    font-size: 1.5rem;
    color: #777;
    padding: 0px 10px;
}

.graph-designer {
    background: #fbfbfb;
}

.graph-designer-graph-content {
    width: 100%;
}

.graph-designer-graph-content .graph-designer-title {
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.graph-designer-title i {
    padding: 0px 5px;
}

.graph-designer-title .name {
    font-size: 1.7rem;
}

.top-node-panel {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.graph-designer-header {
    color: #888;
    font-size: 1.6rem;
    padding-bottom: 5px;
    border-bottom: solid 1px #ddd;
}

.form-radio.form-normal::before {
    left: 0px;
}

.widget-container.graph-settings-switch {
    padding-bottom: 0px;
}

.graph-settings-switch-label {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: -20px;
    margin-bottom: 0px;
}

.graph-settings-switch-subtitle {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: -5px;
    display: inline-block;
    color: #5F7D9A;
    position: relative;
    top: -5px;
    font-size: 1.3rem;
    font-weight: 400;
}

.exportable-field-name {
    padding-left: 40px;
    padding-right: 40px;
}

.graph-settings-panel-body {
    padding: 5px 0px;
}

.graph-settings-panel-body .widgets .widget-container div div>input {
    max-width: 500px;
    min-width: 500px;
}

.graph-settings-panel-body .widgets .widget-container div .crm-selector div .chosen-drop .chosen-search>input {
    max-width: 490px;
    min-width: 490px;
}

.graph-settings-panel-body .widgets .widget-container div .colorpicker-component {
    max-width: 250px;
    min-width: 250px;
    padding-left: 5px;
    height: 32px;
}

.graph-settings-panel-body .widgets .widget-container div div div div div select .chosen-container {
    width: 500px;
}

.graph-settings-panel-body .widgets .widget-container div div .domain-input {
    max-width: 480px;
    min-width: 480px;
}

.graph-settings-panel-body .widgets .widget-container div div .domain-input-item {
    max-width: 468px;
    min-width: 468px;
}

.function-node-alert {
    display: inline-block;
    background: #A2EAE2;
    padding: 15px 30px;
    margin-top: -10px;
    margin-left: -5px;
    margin-bottom: 15px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #01766A;
}

.edtf-input {
    padding-bottom: 15px;
}

.node-config-item {
    padding: 5px 0px 12px 0px;
}

.node-config-item.pad-top {
    padding: 15px 0px 12px 0px;
}

.concept-label {
    padding-top: 0px;
}

body[dir="rtl"] #concept_report .dropdown-menu {
    left: 0;
    right: auto;
}

#concept_report {
    .concept-report-content>div{
        padding: 0 10px;
    }

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

    dt {
        display: flex;

        h5 {
            flex: 1;
        }
    }

    .arches-RDM-label-highlighted{
        margin: 0;
        padding: 0 8px;
    }

    .arches-RDM-headline {
        display: flex;
        &>div:first-child {
            flex: 1;
        }
    }

    .arches-concept-heirarchy {
        padding: 1px 0;
        margin: 0;
        display: flex;
        align-items: center;

        i {
            width: 13px;
            margin: 0 2px;
        }
        .arches-CRUD-delete{
            margin: 5px;
        }
        .text-muted, .is_padded {
            padding: 0 10px;
        }
    }
}

.tree-container {
    overflow-x: scroll;
    padding: 0 0 10px 10px;
}

#container .table-hover>tbody>tr:hover {
    background-color: #4682B4;
    color: #fff;
}

.bg-primary:hover {
    background-color: #3b8dd5;
}

div.dropdown-menu.open {
    min-height: 250px;
}

.underline {
    border-bottom: 1px solid #ddd;
}

.bg-green {
    background: #139F78;
}

.og-grid {
    list-style: none;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    padding: 2px 0;
}

.og-grid li {
    display: inline-block;
    vertical-align: top;
    height: 200px;
    min-width: 180px;
    margin: 10px 5px 5px;
}

.og-grid li>a,
.og-grid li>a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: 1px solid #fff;
}

.library-tools-icon {
    font-size: 1.7rem;
    color: #999;
    padding-right: 5px;
}

.nav-tabs.library-tools>li>a {
    height: 40px;
    border: none;
    padding: 2px;
}

.nav-tabs.library-tools>li>a:hover {
    background-color: inherit;
}

.nav-tabs.library-tools>li.active>a {
    background-color: inherit;
    border: none;
}

.chosen-container {
    margin-bottom: 0px;
    color: #8d8d8d;
    line-height: 1.3333333;
}

.chosen-hide {
    display: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 2px 3px 0 10px;
}

.chosen-container-single .chosen-single {
    height: 36px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background-image: none !important;
}

.list-group-item.active:hover,
.list-group-item.active:active,
.list-group-item.active:focus {
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    color: #5f5f5f;
}

.node .node-collected,
.link.link-collected {
    stroke-width: 3px;
}

.modal-background {
    position: fixed;
    background-color: rgba(200, 200, 200, 0.75);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    transition: all 0.3s;
    cursor: pointer;
}

.modal-content-container {
    cursor: default;
    background-color: #fafafa;
    margin: 15% auto;
    max-width: 600px;
    padding: 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 70%;
}

.loading-mask {
    position: fixed;
    background-color: #fafafa;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000000;
}

.loading-mask:after {
    position: fixed;
    color: #454545;
    content: '\f110';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 10vw;
    margin-top: 42vh;
    margin-left: 45vw;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    z-index: 100000001;
}

.loading-mask-string {
    font-size: 2.2rem;
    padding-top: 5%;
    font-weight: 600;
    width: 50%;
    text-align: center;
    top: 25%;
    left: 25%;
    height: 50%;
    position: absolute;
    color: #fff;
    background-color: #000;
    z-index: 8000;
}

.workflow-step-loading-mask {
    position: absolute;
    top: 95px;
    bottom: 58px;
    opacity: 1;
}

.workflow-step-loading-mask::after {
    margin-top: 34vh;
}

.branch-list-loading-mask {
    height: 100%;
    position: relative;
    margin: auto;
    width: 50%;
    padding: 36px;
    text-align: center;
    z-index: 100000001;
}

.branch-list-loading-mask:after {
    position: relative;
    content: '\f110';
    animation: fa-spin 2s infinite linear;
    -webkit-animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 3rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    z-index: 100000001;
}

.time-wheel-loading-mask {
    height: 100%;
    position: relative;
    margin: auto;
    width: 50%;
    padding: 36px;
    text-align: center;
    opacity: .5;
    z-index: 100000001;
}

.time-wheel-loading-mask:before {
    position: relative;
    content: '\f110';
    animation: fa-spin 2s infinite linear;
    -webkit-animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 3rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    z-index: 100000001;
}

.card-form-preview-container.loading-mask {
    position: relative;
    background-color: gray;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000000;
}

.card-form-preview-container.loading-mask::before {
    position: fixed;
    color: #000;
    content: '\f110';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14vw;
    margin-top: 42vh;
    margin-left: 32vw;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    z-index: 100000001;
}

.ep-help-body.loading-mask::before {
    position: fixed;
    opacity: .5;
    color: #000;
    content: '\f110';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: 10vw;
    margin-top: 42vh;
    margin-left: 18vw;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    z-index: 100000001;
}

.ep-help-body.loading-mask:after {
    display: none;
}

.ep-help-body.loading-mask {
    position: relative;
    opacity: .5;
    background-color: gray;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000000;
}

.ep-edits {
    position: absolute;
    top: 0px;
    display: table;
    right: 0;
    width: 500px;
    height: 100vh;
    border-left: 1px solid #ddd;
    z-index: 3900;
    background: #fefefe;
}

.ep-edits-body.loading-mask::before {
    position: fixed;
    opacity: .5;
    color: #000;
    content: '\f110';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: 10vw;
    margin-top: 42vh;
    margin-left: 18vw;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    z-index: 100000001;
}

.ep-edits-body.loading-mask:after {
    display: none;
}

.ep-edits-body.loading-mask {
    position: relative;
    opacity: .5;
    background-color: gray;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000000;
}

.ep-notifs {
    position: absolute;
    top: 0px;
    display: table;
    right: 0;
    width: 500px;
    height: 100vh;
    border-left: 1px solid #ddd;
    z-index: 3900;
    background: #fefefe;
}

.notifications-container .btn.btn-notifs-download {
    color: #6494cc;
    background-color: transparent;
    border: 1px solid #ddd;
    margin-top: 5px;
}

.btn-notifs-dismiss-all {
    width: 100%;
    height: 50px;
    color: #fff;
    background-color: #579DDB;
    border: 1px solid #2A24C2;
}

.btn-notifs-dismiss-all.disabled {
    background-color: #B0D4F5;
    color: #6D69D5;
    border: 1px solid #6D69D5;
}

.btn-notifs-dismiss-all:hover {
    cursor: pointer;
    color: #fff;
    background: #3685CB;
}

#circle {
    width: 8px;
    height: 8px;
    background: #55AA55;
    border-radius: 50%;
    z-index: auto;
    position: absolute;
}

#circle-outline {
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #6E7F93;
    border-radius: 50%;
    z-index: auto;
    position: absolute;
    margin-left: -2px;
    margin-top: -2px;
}

.ep-edits-header {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    height: 50px;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
    font-size: 1.2rem;  
}

.ep-edits-title {
    float: left;
    padding-left: 15px;
    padding-top: 10px;
}

.ep-edits-title span {
    font-size: 1.6em;
}

.ep-edits-close {
    float: right;
}

.ep-edits-body {
    height: calc(100vh - 50px);
    width: 100%;
    overflow-y: auto;
    display: table-row;
    float: left;
    padding: 0px;
}

.ep-edits-body img {
    max-width: 100%;
}

.ep-edits-body ul {
    padding-left: 20px;
}

.ep-edits-body a {
    color: #4765a0;
}

.ep-edits-toggle div .ion-help {
    padding-left: 3px;
}

.list-divider-dark {
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.arches-panel-header {
    font-size: 1.6em;
    padding-left: 25px;
    border-right: 1px solid #ddd;
}

.resource-grid-item {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ebeef0;
    border-right: 1px solid #ebeef0;
    margin: 0;

    &:first-of-type {
        border-top: 1px solid #ddd;
    }
    .dropdown-menu{
        left: auto;
        right: 0;
    }
}

.resource-grid-main-container {
    height: 90px;
    background: #ebeef0;
}

.graph-btn {
    display: none;
}

.resource-grid-item:hover .graph-btn {
    display: block;
}

.report-image-grid .resource-grid-item:last-of-type .resource-grid-tools-container .btn-group ul {
    margin-top: -331px;
}

.report-provisional-flag {
    padding: 15px;
    margin-top: 0px;
    padding-left: 25px;
    border-bottom-style: solid;
    border-bottom-color: #DF2E6A;
    border-bottom-width: 1px;
    background-color: #F799B9;
    color: #fff;
}

.resource-report .fullyprovisional {
    display: none;
}

.dl-horizontal.provisional {
    border-style: solid;
    margin-right: 25px;
    margin-left: -20px;
    background: #fdfdfd;
    padding: 10px;
    border-color: #ddd;
    border-width: 1px;
}

.report-card-provisional-flag {
    background-color: #f8f8f8;
    padding: 5px 10px;
    margin-left: -20px;
    margin-right: 25px;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

.resource-grid-main {
    padding-top: 10px;
    padding-left: 0;
}

.resource-grid-main-container.active {
    background: #f6f6f6;
}

.resource-grid-icon {
    height: 42px;
    width: 42px;
    padding-top: 12px;
    color: #999;
    transform: translate(0px, 7px);
    background: #e2e2e2;
    border: 1px solid #ddd;
    margin: 7px 5px;
    text-align: center;
}

.resource-grid-icon-highlight {
    background: #fbfbfb;
    color: #777;
    border-color: #bbb;
}

.resource-grid-item:hover {
    cursor: pointer;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    opacity: 1.0;
    background: #f9f9f9;
}

.resource-grid-subtitle {
    margin: 0 78px;
    margin-top: -14px;
    color: #999;
    font-size: 1.2rem;
    width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resource-grid-item .resource-grid-tools-container {
    flex-direction: column;
    margin: 15px;
    display: flex;
    width: 76px;
}

.report-image-grid .resource-grid-item:last-of-type .resource-grid-tools-container .btn-group .manage-menu {
    margin-top: 0px;
}

.resource-grid-tools-container a:last-of-type {
    padding-right: 0;
}

.hightlight-tool {
    color: #4F49DB;
    font-weight: 600;
}

.eh-timeline-panel {
    overflow-y: auto;
    height: calc(100vh - 60px);
    background: #ebeef0;
}

.eh-timeline-time {
    max-width: 150px;
    margin-top: 7px;
}

.eh-timeline-stat {
    width: 140px;
}

.eh-timeline-label {
    margin-left: 150px;
}

.panel .eh-timeline-label:after {
    border-right-color: #fff;
}

.eh-timeline-header {
    padding-left: 20px;
}

.eh-timeline {
    margin-left: 20px;
    padding-right: 25px;
}

.eh_resource_descriptors {
    display: flex;
    flex-direction: column;
    margin-top: -6px;
}

.eh_resource_descriptors h4.report-toolbar-title {
    margin-top: -10px;
}

.eh_description {
    font-size: 1.1rem;
    color: #777;
    padding-left: 25px;
    margin-top: -15px;
}

.timeline:before {
    left: 69px
}

.timeline:after {
    left: 67px
}

.panel .timeline,
.panel .timeline-time .eh-timeline-time {
    background: #ebeef0;
}

.panel .eh-timeline-time {
    background: #ebeef0;
}

.panel .eh-timeline-label {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #e3e3e3;
}

.panel .eh-timeline-stat .timeline-icon {
    box-shadow: 0 0 0 7px #ddd;
}

.eh-timeline:before {
    margin-left: 20px;
}

.eh-timeline:after {
    margin-left: 20px;
}

.eh-footer {
    padding: 10px;
    margin: 20px -10px -10px -10px;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
}

.eh-edit-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #666;
}

.eh-node-group {
    padding-left: 10px;
}

.tile-data-list {
    list-style: none;
    padding-left: 20px;
}

.tile-data-item {
    font-weight: 600;
    color: #777;
}

.tile-node-name {
    width: 245px;
    display: table-cell;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tile-node-value {
    font-weight: 400;
    padding-left: 10px;
    display: table-cell;
}

.flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.content-panel {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 50px);
    position: relative;
}

.flexrow {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.resource-search-container {
    /* display: flex; */
}

.resource-search-container .row.widget-wrapper {
    padding: 0px;
    min-width: 250px;
    max-width: 550px;
}

.edit-panel {
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100%;
    background: #ebeef0;
    z-index: 900;
    opacity: 1.0;
    transition: all .25s ease;
}

.edit-panel-search-bar{
    display: flex;
    align-items: center;
}

.edit-menu {
    position: absolute;
    top: 36px;
    left: 220px;
    height: 100vh;
    width: 50px;
}

.edit-menu-item {
    height: 60px;
    border-left: 3px solid #ebeef0;
    border-bottom: 1px solid #ddd;
    background: #fff;
    opacity: .99;
    position: relative;
}

.edit-menu-item.disabled {
    margin-left: 0.5px;
}

.edit-menu-item:hover {
    background: #f8f8f8;
    border-left: 3px solid #579ddb;
    cursor: pointer;
    opacity: 1.0;
    color: #666;
}

.edit-menu-item a i {
    margin-left: 15px;
    margin-top: 13px;
}

.menu-item-title {
    font-size: 1.4rem;
    color: #777;
}

.menu-item-subtitle {
    font-size: 1.1rem;
    padding-left: 33px;
    padding-right: 5px;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.edit-menu-item.selected {
    background: #f4f4f4;
    border-left: 3px solid #579ddb;
    opacity: 1.0;
}

.edit-menu-item.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.66);
    bottom: 0;
    left: -4px;
    right: 0;
    z-index: 1;
    cursor: not-allowed;
}

.edit-menu-item.disable:hover {
    border-left: 3px solid #ebeef0;
    background: #fff;
    opacity: .99;
}

.find-widget {
    width: 450px;
    z-index: 10;
}

.graph-list-header {
    position: sticky;
    top: 0px;
    z-index: 10;
}

.graph-list-header .find-widget {
    z-index: 1;
}

.o-pane {
    background: rgba(17, 17, 17, 0.5);
    height: 690px;
}

.list-group-item:hover {
    cursor: pointer;
}

.effect:hover {
    cursor: default;
}

.bg-trans {
    background: transparent;
}

.btn-flat {
    height: 38px;
    color: #fff;
    background: #ddd;
    font-size: 1.4rem;
    padding-top: 5px;
}

.btn-flat:active {
    box-shadow: none;
}

.btn-flat:hover {
    color: #fff;
    background: #8ce196;
}

.library-in {
    position: absolute;
    top: -10px;
    height: 100vh;
    left: 0;
    width: 300px;
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    overflow-y: scroll;
    transition: all .5s;
}

.library-item {
    height: 103px;
    background: #fdfdfd;
    border-bottom: 1px solid #ddd;
    margin-left: -10px;
    padding: 0 10px 10px 20px;
}

.library-item-subtitle {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 89px;
}

.library-card-body {
    height: 116px;
    padding: 5px 20px 25px;
    color: #888;
    margin-top: -10px;
    overflow-y: hidden;
}

.library-card-panel-title {
    font-size: 1.2em;
    margin-bottom: -10px;
}

.list-item-name {
    font-size: 1.4rem;
    margin-top: -5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.list-item-model-name {
    font-size: 1.2rem;
    font-size: 1.2rem;
    margin-top: 1px;
    padding-left: 3px;
}

.node-list-details {
    position: absolute;
    font-size: 1.1rem;
    top: 70px;
    width: 100%;
    padding: 5px;
    margin-left: -5px;
    background: #fff;
    overflow-y: hidden;
    height: 108px;
}

.rr-fdg-description {
    font-size: 1.2rem;
    line-height: 1.35;
    color: #888;
    background: #fff;
    overflow: scroll;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 70px;
}

.node-list-footer {
    position: absolute;
    font-size: 1.1rem;
    top: 70px;
    width: 100%;
    border-top: 1px solid #ddd;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 11px;
    margin-left: -5px;
    background: #fafafa;
}

.resource-graph-node-icon {
    display: block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border-radius: 50%;
    color: white;
    text-align: center;
    font-size: 0.7em;
}

.related-node-details .graph-name {
    display: flex;
    flex-direction: row;
    padding-top: 1px;
}

.node-list-footer a {
    color: steelblue;
    font-weight: 500;
    padding-right: 10px;
    height: 38px;
}

.node-list-footer a i {
    padding-right: 2px;
}

.resource-list a.chosen-single {
    background: transparent;
    color: #333;
    font-size: 2.2rem;
    height: 40px;
    padding-top: 0;
    border-color: transparent;
}

.resource-list a.chosen-single div b {
    margin-top: -8px;
}

.resource-list .chosen-drop .chosen-results {
    background: #fff;
    color: #555;
    border-width: 1px;
}

.resource-list .chosen-drop {
    border-width: 1px;
}

.resource-list .chosen-container-active .chosen-with-drop {
    border: 1px solid #ddd;
}

.form-toolbar {
    position: absolute;
    height: 60px;
    right: 0;
    left: 0;
    border-left-width: 0;
    border-bottom: 1px solid #ddd;
    z-index: 2;
    background: #f8f8f8;
    transition: all .5s;
}

.form-container {
    position: absolute;
    left: 0;
    top: 56px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
    transition: all .5s;
}

.card-preview {
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    padding: 10px;
}

.concept_tree {
    padding: 13px;
}

.concept_result {
    font-weight: 700;
}

.term-search-item {
    font-weight: 400;
}

.term-search-group {
    font-weight: 700;
}

.concept_result_schemaname {
    font-size: 1.1rem;
    padding: 0px 10px;
}

.node-current {
    stroke: #454545;
    stroke-width: 2px;
    fill: #dcecfa;
    opacity: 1;
    cursor: pointer;
}

.node-current-selected {
    fill: #dcecfa;
    stroke: #454545;
    stroke-width: 2px;
}

.node-current-neighbor {
    fill: #dcecfa;
    stroke: #454545;
    stroke-width: 4px;
}

.node-current-label {
    stroke: #999;
    font-size: 2.1rem;
    font-weight: 900;
    fill: #fcfcfc;
    opacity: 1;
    text-anchor: middle;
    pointer-events: none;
}

.node-descendent {
    stroke: #ededed;
    fill: #fefefe;
    opacity: 1;
    stroke-width: 4px;
    cursor: pointer;
}

.node-descendent-label {
    font-size: 1.2rem;
    font-weight: 400;
    fill: #c2c2c2;
    opacity: 1;
    text-anchor: middle;
    pointer-events: none;
}

.node-ancestor {
    /* Nodes that are unselected or not highlighted as neighbors during mousover */
    stroke: #454545;
    fill: #dcecfa;
    opacity: 1;
    stroke-width: 1px;
    cursor: pointer;
}

.node-ancestor-neighbor {
    stroke-width: 4px;
    stroke: #454545;
    fill: #dcecfa;
}

.node-ancestor-label {
    font-size: 1.6rem;
    font-weight: 300;
    fill: #a2a2a2;
    opacity: 1;
    text-anchor: middle;
    pointer-events: none;
}

.node-ancestor-selected {
    stroke: rgb(17, 95, 165);
    stroke-width: 5px;
    stroke-dasharray: 5, 1;
    fill: rgb(220, 236, 250);
    opacity: 1;
    cursor: pointer;
    z-index: 200000;
}

.relatedlink {
    stroke: #4291d7;
    stroke-width: 3px;
    stroke-dasharray: 8, 5;
}

.linkMouseover {
    /*Styles the link between selected/moused-over nodes*/
    stroke: #063967;
    stroke-opacity: .6;
    stroke-width: 5px;
}

.nodeLabels {
    font-size: 1.4rem;
    fill: #454545;
    text-anchor: middle;
    font-weight: 600;
}

.node_info {
    width: 320px;
    height: auto;
    background-color: #FFF;
    -webkit-border-radius: 12px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    padding: 15px;
}

.node-selected {
    fill: #aacdec;
    stroke: #115fa5;
}

.node-current-over,
.node-ancestor-over {
    /* The currently moused-over node */
    stroke: #115fa5;
    stroke-width: 5px;
    fill: #dcecfa;
    opacity: 1.0;
    cursor: pointer;
}

.node-descendent-over {
    stroke: #115fa5;
    stroke-width: 8px;
    fill: #dcecfa;
    opacity: 1;
    cursor: pointer;
}

#nodeCrud p,
.node_info p {
    font-family: sans-serif;
    line-height: 20px;
    margin: 0;
}

#nodeCrud.hidden,
.node_info.hidden {
    display: none;
}

.config-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 5px;
    height: 100vh;
    padding: 10px;
}

.item-selected {
    background-color: #fafafa;
}

.card-item {
    position: relative;
    height: 24px;
    width: 220px;
    font-weight: 700;
    font-size: 1.25rem;
    margin-left: -20px;
    padding: 5px 5px 5px 10px;
}

.card-item:hover {
    background-color: #fafafa;
    cursor: pointer;
}

.primary-descriptors-card-container {
    margin-top: -5px;
    margin-left: 0px;
    padding-left: 15px;
    padding-right: 15px
}

.primary-descriptors-container {
    border: 1px solid #ddd;
    min-height: 450px;
}

.panel-padding-bottom {
    padding-bottom: 20px;
}

.widget-container {
    padding: 10px 15px 25px;
}

.widget-container.data-type {
    padding-bottom: 5px;
}

.widget-container.data-type-config {
    padding-bottom: 0px;
}

a.selected {
    font-weight: 600;
    font-size: 1.3rem;
    color: #123;
}

.tile-record {
    display: inline-block;
    font-size: 1.1rem;
}

.dark-colored-text {
    color: #25256b;
}

.panel-section-title {
    font-size: 1.3em;
    font-weight: 400;
}

.form-divider {
    border-top: 1px solid #eee;
    margin-top: 10px;
}

.cd-dark .panel-body .form-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.functions .chosen-choices {
    height: 32px;
    background: #314151;
    border: 1px solid #314151;
    color: #fff;
}

textarea:placeholder {
    top: 0;
}

.design a.chosen-single {
    height: 36px;
    background: #fff;
    border: 1px solid #ddd;
    color: #999;
}

.design .chosen-drop .chosen-results {
    background: #fff;
    color: #123;
    margin-bottom: 0;
}

.editable {
    border: 1px solid #4682B4;
    display: inline-block;
    margin-bottom: 7px;
    margin-top: 7px;
    margin-left: 20px;
}

.editable-card {
    margin-left: -10px;
    margin-right: -10px;
    padding: 5px 15px;
}

span.editable-card i.fa.fa-align-justify:hover {
    cursor: move;
}

.report li {
    margin-left: -10px;
    padding-left: 5px;
}

.report li:not(:first-child) {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-top: 1px solid #ddd;
}

.report li:nth-child(2) {
    background-color: #fafafa;
    margin-left: -40px;
    padding-left: 35px;
}

.report-image-grid {
    width: 100%;
    margin-bottom: 20px;
}

.dataTables_scrollBody {
    max-height: 65vh !important;
}

.dataTables_scrollHead, .dataTables_scrollHeadInner {
    width: 100%;
}

.card-grid {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 5px
}

.r-grid-item {
    float: left;
    width: 275px;
    height: 250px;
    margin: 5px;
    border: 1px solid #7847CE;
}

#resource-list .r-grid-item:hover {
    cursor: default;
    border: 1px solid #333;
}

.ep-form-toolbar-tools {
    flex-direction: row;
    display: flex;
}

.btn.btn-labeled {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    font-family: inherit;
    font-size: 1.3rem;
    line-height: 1.42857;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
    transition: all .25s;

    &:not(.btn-block):not(.form-icon) {
        font-family: inherit;
        font-size: 1.3rem;
        line-height: 1.42857;
        padding-bottom: 0;
        padding-top: 0;
    }

    &.btn-mint {
        background-color: #3acaa1;
        border-color: #42cca5;
        color: #fff;
    }

    &a {
        text-decoration: none;
        outline: 0;
    }

    &.btn-primary {
        background-color: #579ddb;
        border-color: #5fa2dd;
        color: #fff;
    }

    &.btn-danger {
        background-color: #f75d3f;
        border-color: #f76549;
        color: #fff;
    }

    &.btn-lg::before {
        padding: 10px 16px;
    }
    &.btn-sm::before {
        padding: 5px 10px;
    }

    &.fa::before{
        font-family: fontAwesome;
    }

    &::before {
        margin: 0;
        display: flex;
        background-color: rgba(0,0,0,0.05);
        padding: 6px 12px;
        box-sizing: border-box;
    }
    &.btn-lg span {
        padding: 0 15px;
    }
    span {
        padding: 0 7.5px;
    }
}

.graph-settings {
    display: flex;
}

.r-select-card {
    background: #8BC3EB;
    padding: 10px;
    color: #440EA2;
    font-weight: 500;
    height: 200px;
    opacity: .8;
    text-align: center;
}

.r-grid-item:hover .r-select-card,
.r-select-card:hover {
    opacity: 1;
}

.r-select-card-footer {
    height: 50px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #62A8DB;
}

.r-select-title {
    font-size: 1.9rem;
    font-weight: 500;
    color: #440EA2;
    text-align: center;
    overflow-wrap: break-word;
}

.r-desc-container {
    position: absolute;
    bottom: 55px;
    left: 5px;
    right: 5px;
    padding: 0px 5px;
}

.r-select-desc {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.r-select-circle {
    position: absolute;
    top: 67px;
    left: 97px;
    width: 70px;
    height: 70px;
    display: inline-block;
    text-align: center;
    padding: 18px;
    border-radius: 50%;
    background: #BFE0F7;
    border: 1px solid #454545;
}

.r-select-circle.loader-button {
    background: #C85FDA;
    border: 1px solid #86039D;
}

.r-select-icon {
    color: #fff;
    font-size: 2.8rem;
    line-height: 32px;
}

.r-warning {
    padding: 5px;
    background: #FFE947;
    color: #5E29BA;
    height: 50px;
    text-align: center;
    border-top: 1px solid #5E29BA;
}

.r-warning .form-warning {
    color: #5E29BA;
}

.btn-resource-select {
    height: 50px;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    padding-top: 12px;
    border-top: 1px solid #7847CE;
}

.btn-resource-select:hover {
    border-top: 1px solid #0859A1;
}

.card-grid-item {
    float: left;
    width: 290px;
    border: 1px solid #ddd;
    background: #fff;
    opacity: .9;
    margin: 3px;
}

.card-grid-item:hover {
    cursor: pointer;
    opacity: 1.0;
    border: 1px solid #aaa;
}

.card-grid-item.disabled {
    float: left;
    width: 290px;
    border: 1px solid #ddd;
    opacity: .79;
    margin: 3px;
}

.card-grid-item.disabled:hover {
    cursor: default;
}

div.card-grid-item.selected {
    border: 1px solid #aaa;
    opacity: 1.0;
}

.form-warning {
    font-size: 1.2rem;
    color: #b20000;
}

.card-search {
    margin-top: 3px;
    height: 48px;
    min-width: 300px;
    max-width: 600px;
}

.library-tools {
    padding-left: 15px;
    margin-top: -3px;
    border-bottom: none;
}

.library-tools-icon:hover {
    cursor: pointer;
    color: #123;
}

.graph-container {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 220px);
}

.no-icon {
    left: 10px;
    width: 300px;
    font-size: 1.3rem;
    cursor: move;
}

.editable-help {
    display: inline-block;
    margin-right: 20px;
    padding: 7px 12px;
}

.ep-toolbar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 3000;
}

.ep-menu {
    position: absolute;
    top: 50px;
    bottom: 0;
    z-index: 4000;
}

.ep-menu-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 250px;
    background: #fff;
    border-right: 1px solid #ddd;
    margin: 0;
}

.ep-toolbar .top-right-nav {
    display: flex;
    float: right;
    list-style-type: none;
    margin-bottom: 0;
}

.editor-tools {
    width: 274px;
}

.ep-menu-list {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    height: 100vh;
    border-right: 1px solid #ddd;
    background: #fcfcfc;
}

.ep-menu-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
}

#menu-control {
    background: #9490EE;
    color: #eee;
}

#menu-control:hover {
    color: #fff;
    border-left: 1px solid #9490EE;
    border-bottom: 1px solid #9490EE;
}


.file-select {
    text-align: center;
    padding: 70px 0;
    background: #f6f6f6;
}

.ep-tools {
    cursor: pointer;
    border-right: 1px solid #514CCA;
    border-bottom: 1px solid transparent;
    height: 50px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 20px;
}

.file-select-window {
    min-width: 350px;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
}


.tabbed-workflow-title-bar {
    .workflow-name-container {
        display: flex;
        flex-direction: row;
    }

    .workflow-top-control {
        display: inline-flex;
        max-width: 335px;
        justify-content: flex-end;
    }
}

.step-metadata {
    display: flex;
}

.workflow-step-title,
.workflow-plugin .btn .succinct,
.ep-tools .fa-sign-out {
    display: none
}


@media only screen and (max-width : 768px) {
    .tabbed-workflow-step-container{
        margin-bottom: 108px;
    }

    #content-container {
        .ep-tools .fa-sign-out {
            font-size: 1.7rem;
            display: inherit;
        }
        .ep-toolbar {
            position: fixed;
            z-index: 10;
        }
        .content-panel {
            padding: 17px 0px;
        }
    }

    .dropzone {
        min-width: auto;
        width: auto;
    }
    .file-select {
        padding: 0px;

        div {
            display: none;
        }
        button {
            margin: 0px;
        }
    }

    .workflow-step-loading-mask {
        bottom: 109px;
    }

    .file-select-window {
        min-width: auto;
        border: none;

        .file-upload-footer{
            display: none;
        }
    }

    #container.mainnav-lg #mainnav-container{
        left: 0;
        width: 100%;

        i {
            font-size: 1.95em;
        }

        span.menu-title {
            font-size: 1.7rem;
        }

        .expanded-nav{
            display: none;
        }

        .list-header{
            font-size: 1.9rem;
        }
    }

    #card-alert-panel {
        display: flex;
        flex-direction: column;
        height: auto;

        .ep-form-alert-text {
            display: none;
        }

        .ep-form-alert-default-dismiss {
            display: none;
        }

        h4 {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            font-size: 1.5rem;
        }

        .ep-form-alert-buttons {
            display: flex;
            flex-direction: row;
            position: relative;
            bottom: auto;
            right: auto;

            button {
                display: flex;
                flex: 1;
                margin: 5px;
                align-items: center;
                justify-content: center;
                font-size: 1.7rem;
                padding: 3px;
            }
            button.btn-labeled:before {
                background-color: transparent;
            }
        }
    }

    .tabbed-workflow-step-body {
        .card-component{
            padding: 0px;
            margin: 0px;
        }
        label {
            font-size: 1.5rem;
        }
    }

    .tabbed-workflow-footer{
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 11;
        display: flex;
        flex-direction: column-reverse;
        padding: 10px 5px;

        .btn > i, .btn > span {
            padding: 0px 5px;
        }

        .btn {
            padding: 12px;
            font-size: 1.7rem;
            align-items: center;
            justify-content: center;
        }

        i {
            font-size: 1.7rem;
        }
    }

    .tabbed-workflow-footer-button-container {
        display: flex;
        flex-direction: row;
    }

    .tabbed-workflow-title-bar .workflow-top-control {
        display: flex;
        flex: 1;
        flex-direction: row;
        margin-top: 33px;
        display: inherit;
        max-width: none;

        button {
            display: flex;
            flex: 1;
            font-size: 1.7rem;
            padding: 12px;
            justify-content: center;
            align-items: center;
        }
    }

    .workflow-name-container {
        display: inherit;
        flex-direction: initial;
    }

    .tabbed-workflow-footer-button-container button {
        margin: 10px 5px;
        flex: 1;
        display: flex;
    }

    .workflow-step-title {
        padding: 0px 5px;
        border-bottom: 1px solid #ddd;
        display: inherit;

        h2 {
            margin-top: 10px;
            font-weight: initial;
            font-size: 1.7rem;
        }
    }

    .ep-tools-search,
    .tabbed-workflow-step-information-box-container.seen,
    .workflow-nav-tab-container,
    .workflow-plugin .btn .verbose,
    .tabbed-workflow-footer .step-metadata,
    .tabbed-workflow-title-bar .workflow-name-container,
    .workflow-select-desc,
    .ep-form-alert-title .verbose
    {
        display: none;
    }

    .workflow-plugin .btn .succinct {
        display: inherit;
    }
}

.ep-tools:hover {
    background: #fafafa;
    border-left: 1px solid #ddd;
}

.navbar-top-links>li>a.navbar-button {
    height: 49px;
    width: 50px;
    background: #fff;
    text-align: center;
    border-left: 1px solid #ddd;
}

.navbar-top-links>li>a.navbar-button:hover {
    border-left: 1px solid #ddd;
    background: #f8f8f8;
}

.navbar-top-links>li>a.navbar-button:active {
    border-left: 1px solid #ddd;
    background: #f8f8f8;
}

.navbar-top-links>li>a.navbar-button:focus {
    border-left: 1px solid #ddd;
    background: #f8f8f8;
}

.ep-tools-right {
    border-right: none;
    border-top: none;
    border-left: 1px solid #ddd;
    background: #fff;
    font-size: 1.7rem;
    padding-left: 18px;
    padding-right: 20px;
    max-width: 50px;
    height: 49px;
}

.ep-tools-right a:first-child {
    margin: auto;
}

#lang_dd_chosen {
    border: 1px solid #fff;
}

.ep-tools-login {
    border: none;
    padding-left: 16px;
    padding-right: 16px;
    vertical-align: middle;
    background: #fff;
    border-left: 1px solid #ddd;
    height: 47px;
    text-wrap: nowrap;
}

.aside-left .ep-tools-login {
    border-right: 1px solid #ddd;
    margin-right: -1px;
}

.ep-tool-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #666;
    border-left: 1px solid transparent;
}

.ep-tools-title {
    width: 100%;
    height: 50px;
    overflow: hidden;
    display: flex;
}

.ep-graph-title {
    font-size: 1.6rem;
    padding: 5px;
    align-items: center;
}

.ep-graph-title-icon {
    height: 40px;
    width: 40px;
    transform: translate(0px, 0px);
    color: #666;
    background: #f4f4f4;
    border: 1px solid #ddd;
}

.ep-content {
    color: #666;
    transition: all .25s ease;
}

.ep-form-toolbar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    min-height: 55px;
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    padding: 0px 14px;
}

.ep-form-toolbar div:nth-last-child(2) {
    // margin-right: auto;
}

.ep-form-toolbar-title {
    font-size: 1.6rem;
    font-weight: 400;
    color: #666;
    flex-grow: 1;
}

.ep-form-toolbar-tools {
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.ep-form-content {
    z-index: 1;
    padding: 12px;
    transition: all .30s ease;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-y: scroll;
}

.alert-active .ep-form-content {
    top: 140px;
}

.ep-card-search {
    width: 400px;
    padding: 5px 15px;
}

.resource-toolbar {
    min-height: 60px;
    background: #f6f6f6;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    padding: 0 55px;
    align-items: center;
    &>div:first-child{
        flex: 1;
        display: flex;
        align-items: center;
    }

    .resource-tools .resource-grid-title {
        margin: 0 5px;

        &:not(.active) {
            cursor: pointer;
        }
    }

    .graph-find {
        margin-top: 0px;
        font-size: 1.9rem;
        color: #999;
        padding: 0;
        margin: 0 20px;
        cursor: pointer;
    }

    .dropdown-menu {
        font-size: 1.3rem;
        border-radius: 0;
        box-shadow: 0 4px 8px 0 RGB(0 0 0 / 15%);
        margin: 0;
        padding: 0;
        border: 1px solid #e9e9e9;
        left: auto;
        right: 0;
    }

}

.resource-selector {
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.ep-help {
    position: absolute;
    top: 0px;
    display: table;
    right: 0;
    width: 500px;
    height: 100vh;
    border-left: 1px solid #ddd;
    z-index: 3900;
    background: #fefefe;
}

.ep-help-header {
    border: none;
    display: table-row;
    height: 50px;
}

.ep-help-title {
    padding: 10px 15px;
}

.ep-help-title span {
    font-size: 1.6em;
}

.ep-help-close {
    float: right;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}

.ep-help-close:hover {
    background: #f2f2f2;
}

.ep-help-body {
    width: 100%;
    overflow-y: auto;
    padding: 0px 15px;
    position: absolute;
    bottom: 0;
    top: 50px;
    .h5 {
        font-size: 1.2rem;
    }
}

.ep-help-body img {
    max-width: 100%;
}

.ep-help-body ul {
    padding-left: 20px;
}

.ep-help-body a {
    color: #4765a0;
}

.ep-help-topic-content {
    display: none;
}

.ep-help-toggle div .ion-help {
    padding-left: 3px;
}

.ep-help-table {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}

.ep-help-table tr th {
    border-bottom: solid grey 1px;
}

.ep-help-table tr {
    border-bottom: dashed grey 1px;
}

.ep-help-table tr td {
    vertical-align: top;
    color: grey;
    padding: 5px 3px 5px 3px;
}

.ep-help-table tr td:first-of-type {
    color: red;
}

.ep-help-table-header {
    font-weight: 700;
}

.ep-help-topic-toggle>.h4 {
    display: inline-block;
}

.reloadable-img {
    border: 2px solid #eee;
}

.ep-help-img-link {
    float: right;
    font-weight: 600;
}

.ep-card-tools-panel {
    padding: 7px;
    background: #fdfdfd;
    border-right: 1px solid #e9e9e9;
}

.left-column-container.ep-card-tools-panel {
    margin-bottom: 0px;
}

.card-tree-container {
    margin-right: -9px;
    margin-left: -9px;
}

.card-tree-list {
    list-style: none;
    font-size: 1.2rem;
    color: #888;
    padding-top: 0px;
    margin-top: 1px;
}

ul.card-tree-list-item {
    margin-left: -40px;
}

li.card-tree-list:last-of-type {
    margin-bottom: 0px;
}

.card-tree-list a {
    color: #777;
}

.card-tree-list.selected a {
    color: #666;
    font-weight: 600;
}

ul div .card-tree-list .cc-link {
    margin-left: 0px;
}

ul div .card-tree-list span {
    margin-left: 15px;
}

ul div .card-tree-list span .card-tree-list-item .card-tree-list-icon {
    margin-left: 30px;
}

.report-tree-list {
    margin-bottom: 0px;
}

.node-indent a {
    padding-left: 30px;
}

.arches-translations,
.arches-data,
.arches-urls {
    display: none;
}

.expando {
    position: absolute;
    font-size: 1.4rem;
    cursor: pointer;
    display: none;
    right: 13px;
    top: 10px;
}

.card-tree-list a:hover .expando {
    display: block;
}

.bg-card {
    background: #46bbdc;
    color: #fff;
}

.bg-report-card {
    background: #9EE0F3;
    color: #fff;
    font-weight: 400;
}

.ep-card-crud {
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 200px;
    width: 250px;
}

.ep-card-crud-container {
    margin: 10px;
}

.ep-card-crud-container>div.panel {
    border: 1px solid #3b8dd5;
}

.dz-cancel {
    border-radius: 50%;
    background: #FFA08E;
}

.ep-card-crud-container:last-of-type {
    margin-bottom: 200px;
}

.flex.relative {
    max-width: calc(100% - 1px);
}

.left-column-container {
    -ms-flex: 0 0 250px;
    -webkit-flex: 0 0 250px;
    flex: 0 0 250px;
    margin-bottom: 0px;
    background-color: #f0f0f0;
    width: 200px;
    padding: 0px 7px 7px 7px;
    border-right: solid 1px #dddddd;
    overflow-y: auto;
    overflow-x: hidden;
}

.left-column-container.graph-designer {
    overflow-y: hidden;
}

.form-list {
    padding-top: 0px;
    background: #f0f0f0;
    padding-bottom: 31px;
}

.form-list .grid {
    border-top: none;
}

.provisional-edits {
    pointer-events: none;
    cursor: default;
    padding: 3px 5px 5px 5px;
    margin-right: 10px;
    background: #FFB700;
    color: #fff;
}

.has-provisional-edits {
    color: #FFD15B;
}

.provisional-edits-list {
    width: 0px;
    background-color: #f0f0f0;
    padding: 0px;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px;
    margin-top: 0px;
}

.edit-message-container {
    background: #FFD15B;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #FFB700;
    height: 50px;
    margin-top: -15px;
    margin-left: -25px;
    margin-right: -25px;
    padding: 15px 25px;
}

.edit-message-container.provisional-editor {
    /* margin-right: -42px; */
}

.workbench-card-sidepanel.expanded .edit-message-container {
    z-index: 5000;
    width: 600px;
    margin-top: 8px;
    margin-left: -16px;
}

.edit-message-container .reset-authoritative {
    float: right;
    color: #fff;
    font-weight: 600;
    background: #db9a00;
    padding: 5px;
    margin-top: -3px;
}

.edit-message-container.approved {
    background: #C8F89A;
    border-bottom: 1px solid #9CEC4F;
    border-top: 1px solid #9CEC4F;
    color: #24B06D;
}

.edit-message-container-user {
    font-weight: 700;
}

.new-provisional-edits-list {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-right: -25px;
    width: 250px;
    padding: 5px 5px 0px 5px;
    border-left: 1px solid #ddd;
    height: 100vh;
    background: #fafafa;
}

.workbench-card-sidepanel.expanded .new-provisional-edits-list {
    margin-right: -16px;
}

.new-provisional-edit-card-container {
    display: flex;
    flex-direction: row-reverse;
    /*    align-items: baseline;*/
}

.new-provisional-edit-card-container .card {
    width: 100%;
}

.new-provisional-edit-entry {
    border-bottom: 1px solid #ddd;
    color: #777;
    background: #fafafa;
    padding: 5px;
    margin-left: -5px;
    width: 200px;
    position: relative;
}

.new-provisional-edit-entry .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.new-provisional-edits-title {
    font-size: 1.4rem;
    margin-bottom: 5px;
    font-weight: 400;
    color: #2f527a;
}

.new-delete-provisional-edit {
    position: absolute;
    top: 10px;
    right: -140px;
    color: red;
    font-size: 1.6rem;
}

.new-provisional-edits-header {
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    height: 40px;
    margin-left: -5px;
    /*margin-right: -40px;*/
    /* margin-top: -5px; */
    padding: 10px 25px 10px 10px;
    height: 80px;
}

.new-provisional-edit-entry:hover {
    background-color: #fff;
    color: #111;
    cursor: pointer;
}

.new-provisional-edit-entry.selected {
    background-color: #fff;
    color: #111;
}

.new-provisional-edit-entry.selected:hover {
    cursor: initial;
}

.new-provisional-edit-entry .field {
    padding: 5px;
    font-size: 1.3rem;
    font-weight: 500;
    width: 170px;
}

.field.timestamp {
    font-weight: 400;
    font-size: 1.1rem;
    color: #777;
    margin-top: -10px;
}

.notifications-container {
    display: flex;
    flex-direction: row;
    border-bottom: solid #e4e4e4 1px;
    padding: 8px 25px 15px 25px;
    background-color: #fcfcfc;
}

.notification-message {
    padding-bottom: 5px;
    color: #777;
}

.notification-message span {
    font-weight: 600;
    color: #454545;
}

.entry .time-label {
    font-weight: 600;
}

.ep-notifs-close {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 1.7rem;
    background: #f8f8f8;
    border-left: 1px solid #ddd;
}

.entry .ep-notifs-close {
    right: -10px;
}

.ep-notifs-close:hover {
    color: #1B3974;
    border-left: 1px solid #ddd;
    background: #f2f2f2;
}

.ep-edits-body.provisional-edit-history {
    overflow: visible;
}

.new-provisional-edits-header .new-provisional-edits-delete-all {
    width: 100%;
    padding: 3px 0px;
    margin: 3px;
}

.new-provisional-edit-history {
    display: flex;
    flex-direction: column;
    border-bottom: solid #e4e4e4 1px;
    padding: 8px 25px 15px 25px;
    background-color: #fcfcfc;
    font-size: 1.3rem;
}

.new-provisional-edit-history.selected-card,
.notifications-container.selected-card {
    color: #454545;
    background-color: #f0f0f0;
}

.new-provisional-edit-history:hover,
.notifications-container:hover {
    background-color: #fff;
}

.new-provisional-edit-history .entry,
.notifications-container .entry {
    flex-direction: row;
    display: flex;
    color: #6494cc;
    align-items: baseline;
    justify-content: left;
    width: 400px;
}

.new-provisional-edit-history .entry-label,
.notifications-container .entry-label {
    padding-right: 5px;
    font-weight: 600;
    font-size: 1.3rem;
}

.new-provisional-edit-history .entry-label-resource {
    padding-right: 5px;
    font-weight: 600;
    font-size: 1.5rem;
    color: #454545;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.new-provisional-edit-history .entry .resource-edit-link {
    font-size: 1.1rem;
    padding-right: 5px;
}

.provisional-edits-list-header {
    display: inline-flex;
    width: 100%;
    align-items: center;
    background-color: #f8f8f8;
    height: 35px;
    margin-top: 0px;
    margin-bottom: 1px;
}

.grid-list.provisional-edit-history {
    height: 100%;
    position: absolute;
    width: 100%;
    overflow-y: scroll;
}

.provisional-edit-history-filter {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

.provisional-edit-history-filter .calendar {
    display: flex;
    width: 220px;
    padding-left: 10px;
    align-items: baseline;
    justify-content: space-between;
}

.provisional-edit-history-filter .toggle-container {
    padding-bottom: 0px;
}

.provisional-edit-history-filter {
    font-size: 1.2rem;
    color: inherit;
    padding: 5px;
}

.provisional-review-pending {
    padding: 2px 10px 3px 10px;
    background: #F5BB25;
    color: #fff;
    font-size: 1.2rem;
}

.provisional-review-declined {
    padding: 2px 10px 3px 10px;
    background: red;
    color: #fff;
    font-size: 1.2rem;
}

.provisional-review-accepted {
    padding: 2px 10px 3px 10px;
    background: #64bd63;
    color: #fff;
    font-size: 1.2rem;
}

.ep-edits-body.provisional-edit-history {
    height: 100%;
}

.provisional-edits-list-header span {
    padding-left: 4px;
}

.provisional-edit-qa-tool {
    height: 28px;
}

.provisional-edit-qa-tool .toggle-container {
    padding-left: 0px;
}

.provisional-edits-list.expanded {
    width: 350px;
    transition: all .30s ease;
    padding: 0px;
    border-top-width: 0px;
}

.provisional-edits-list.closed {
    width: 0px;
    transition: all .30s ease;
    padding: 0px
}

.provisional-edit {
    padding: 15px;
    background-color: #fafafa;
}

.provisional-edit .content-title {
    font-weight: 600;
}

.provisional-edit-cards dd {
    position: relative;
    padding-left: 15px;
    word-wrap: break-word;
}

.middle-column-container {
    flex: 1;
    padding: 12px;
    background: #fbfbfb;
    color: #666;
    overflow-y: auto;
    border-right: solid 1px #ddd;
    border-left: 1px solid #ddd;
    min-width: 200px;
}


/* Color changes if you want to use a dark (#2d3c4b) background panel color
    for the .panel-config .middle-column-container classes

    .panel-config .panel-section-title {
        color: #f1f1f1;
    }

    .panel-config .form-radio.form-normal:hover:after {
        background: #fff;
    }

    .panel-config .form-radio.form-normal.active:after {
        background: #fff;
    }

    .panel-config .tertiary-panel-content .control-label {
        color: #2d3c4b;
    }

    .panel-config .accordion-body .control-label {
        color: #2d3c4b;
    }

    .panel-config .accordion .panel-title a:focus {
        color: #2d3c4b;
    }

    .panel-config .accordion .panel-title a:hover {
        color: #2d3c4b;
    }

    .panel-config .input-group-addon {
        color: #f1f1f1;
    }

    .panel-config .bootstrap-datetimepicker-widget {
        color: #2d3c4b;
    }

    End color changes if you want to use a dark (#2d3c4b) background panel color */


/*End card/widget manager Classes*/

.card-form-preview-container {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    background: #ebeef0;
    overflow-y: auto;
    overflow-x: hidden;
}

.title-block-title {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
    color: #222;
    padding: 6px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sortable-placeholder {
    border: dotted 2px #d4d4d4;
}

.data-widget-library {
    width: 280px;
    margin-bottom: 0px;
}

.resource-status {
    font-size: 1.3rem;
    font-weight: 600;
    color: #123;
    margin-top: 3px;
}

.resource-status-label {
    font-size: 1.1rem;
    float: right;
    color: #555;
    margin-top: 3px;
}

.list-filter {
    margin-bottom: 8px;
    margin-right: 0px;
    display: flex;

    .clear-node-search {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 5px -20px;
        font-size: 1.4rem;
    }
}

.new-card.disabled {
    background-color: #ccc;
}

.new-card.disabled #add-card {
    cursor: default;
}

.card-library {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.hide-card-library {
    width: 0px;
    transition: all .30s ease;
}

.show-card-library {
    width: 282px;
    transition: all .30s ease;
}

.data-widget-container {
    padding-top: 10px;
    padding-left: 10px;
}

.data-widget-grid-item {
    float: left;
    width: 250px;
    border: 1px solid #ddd;
    opacity: .9;
    margin: 3px;
}

.data-widget-grid-item .disabled {
    color: #999;
}

.data-widget-grid-item.disabled {
    color: #999;
}

.data-widget-grid-item:hover {
    cursor: move;
    opacity: 1.0;
}

.dismiss-card-library {
    position: absolute;
    right: 15px;
    top: 12px;
    color: #123;
    font-size: 1.7rem;
}

.cc-link {
    display: inline-block;
    width: 100%;
    height: 60px;
    margin-top: -3px;
    margin-bottom: -2px;
    background: #f8f8f8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 0px 5px 10px;
    border-bottom: 1px solid #ddd;
}

.cc-link:hover {
    background: #fff;
}

.cc-link.active:hover {
    cursor: default;
}

.card-tree-list a.cc-link.active:hover {
    cursor: pointer;
}

.cc-link.active {
    color: #666;
    font-weight: 600;
    background: #fff;
}

.node-name {
    display: block;
    margin-top: -40px;
    font-size: 1.3rem;
    color: #1E6FB7;
}

.node-form.node-name {
    font-size: 1.3rem;
    color: #777;
    margin-top: 1px;
    display: inline;
    padding-right: 5px;
}

.node-form.ontology {
    padding-right: 5px;
    font-size: 1.4rem;
    font-weight: 600;
}

.node-semantic-description {
    display: flex;
    height: 75px;
    padding: 25px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    background-color: #f9f9f9;
}

.node-subname {
    font-size: 1.1rem;
    color: #888;
}

.node-permissions {
    padding-right: 10px;
    margin-top: 2px;
}

.node-permission-icon {
    padding-right: 3px;
}

.expand-icon {
    padding: 5px;
    margin-right: -5px;
}

.card-tree-list a .node-name {
    margin-left: 40px;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-tree-list a .node-subname {
    margin-left: 40px;
}

ul .card-tree-list a .node-name {
    margin-left: 60px;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul .card-tree-list a .node-subname {
    margin-left: 60px;
}

.tertiary-panel-content {
    background: #f5f5f5;
    height: 100%;
    overflow-y: scroll;
}

.accordion-body {
    padding-top: 0px;
}

.panel-group.accordion .panel-title a {
    font-weight: 400;
    color: #777;
}

#card-crud-advanced {
    padding-top: 20px;
}

.toggle-container {
    padding-bottom: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-left: 5px;
}

.arches-toggle-sm {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: -17px;
    margin-bottom: 0;
    font-size: 1.2rem;
}

.arches-toggle-subtitle {
    margin-left: 40px;
    margin-right: 40px;
    display: inline-block;
    color: #5F7D9A;
    font-size: 1.2rem;
}

.note-editor .note-toolbar {
    background: #fcfcfc;
}

.note-editor .note-editable {
    background: #fff;
    color: #666;
}

.cardinality-form {
    padding: 7px;
}

.card-tree-list-icon {
    padding-left: 3px;
}

li.search-field {
    width: 190px;
    font-size: 1.1rem;
}

#graph {
    background: #fdfdfd;
}

.help-close:hover,
.library-close-btn:hover,
#aside .nav-tabs a i:hover,
.btn-flat:focus,
.help-close:hover,
#aside .nav-tabs a i:hover,
.btn-flat:focus,
.help-close:hover,
#aside .nav-tabs a i:hover,
.btn-flat:focus,
.help-close:hover {
    color: #123;
}

.nav-tabs.library-tools>li.active>a>i {
    color: #123;
}

.ltr,
.ltr {
    direction: ltr;
}

.resource-grid-tools-container a:hover,
.card-tree-list a:hover {
    color: #333;
}

.list-group-item .selected,
.card-tree-list.selected {
    background: #f8f8f8;
}

.bg-gray-dark,
.bg-gray-dark a,
.design a.chosen-single:hover,
.design a.chosen-single:hover,
.bg-gray-dark,
.bg-gray-dark a {
    color: #999;
}

.btn-shim,
.control-label,
.control-label,
.btn-shim {
    margin-bottom: 3px;
}

.grid:after,
.report-image-grid:after {
    content: '';
    display: block;
    clear: both;
}

#aside-container #aside .tab-content,
#aside-container #aside .tab-content,
#aside-container #aside .tab-content {
    padding-top: 0;
}

a.list-group-item:not(.active):hover,
div .switch label:hover,
#demo-dt-selection tbody tr:hover,
.highlight,
div .switch label:hover,
#demo-dt-selection tbody tr:hover,
.highlight,
div .switch label:hover,
#demo-dt-selection tbody tr:hover,
.highlight,
.editable-card:hover,
.clear-node-search:hover,
.dismiss-card-library:hover {
    cursor: pointer;
}

.relative,
.slide,
.relative,
.slide,
.relative,
.slide,
.relative {
    position: relative;
}

.tile-record:hover,
.note-editable,
.note-editable,
.tile-record:hover,
.note-editable,
.tile-record:hover,
.note-editable,
.tile-record:hover,
.library-tools-icon.active,
.library-close-btn:hover {
    color: #123;
}

.resource-grid-tools-container a,
.resource-grid-tools-container a,
.resource-grid-tools-container a {
    color: #777;
}

.selected,
.selected,
.selected {
    background: #f4f4f4;
}

.btn-flat.selected {
    background: #8ce196;
    color: #fff;
}

.editable:hover,
.editable.selected,
.editable:hover,
.editable.selected {
    background: #C1F8E9;
}

.ep-form-alert {
    position: absolute;
    top: 0px;
    z-index: 5000;
    width: 100%;
    height: 100px;
    padding: 10px 25px;
    color: #fff;
    transition: all .40s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    .ep-form-alert-buttons {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
}

.alert-active .ep-form-alert {
    display: block;
    height: 90px;
    top: 0px;
}

.ep-alert-red {
    background: #f87359;
    border: 1px solid #B72F16;
    border-right-width: 0px;
    border-left-width: 0px;
    z-index: 5000;
}

.ep-alert-blue {
    background: #57c1df;
    border: 1px solid #1495B9;
    border-right-width: 0px;
    border-left-width: 0px;
}

.ep-form-alert-shim {
    margin-top: 90px;
    transition: all .40s ease;
}

.ep-form-alert-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 3px;
}

.ep-form-alert-text {
    font-size: 1.2rem;
    font-weight: 400;
    overflow: hidden;
}

.ep-form-alert-default-dismiss {
    font-size: 1.6rem;
}

.ep-form-alert-default-dismiss:hover {
    cursor: pointer;
    color: #f9f9f9;
}

.graph-list-header .ep-form-alert {
    position: relative;
    top: 0px;
}

.loader-select {
    text-align: center;
    padding: 40px 0;
    background: #f6f6f6;
}

.loader-select .r-select-title {
    padding: 5px 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.card-component-panel .loader-select h4 {
    font-weight: 400;
}

.loader-error-message {
    background: #E94484;
    color: #fff ! important;
    padding: 20px 0px;
    margin-top: -46px;
    margin-bottom: 45px;
}

.loader-error-message span {
    font-weight: 800;
}

.file-chart-upload-panel {
    height: inherit;
}


.file-select-window h2 {
    font-weight: 400;
}

.file-select-window .h2 {
    font-size: 2.8rem;
}

.btn-file-select {
    background: rgb(138, 115, 255);
    color: #fff;
    border: 1px solid rgb(89, 56, 255);
    border-radius: 2px;
    width: 240px;
    margin: 30px 0;
}

.btn-file-select:hover {
    color: #fff;
}

.btn-file-select:focus {
    color: #fff;
}

div.hide-file-list>div>div>div>div>form>div>div:nth-child(3) {
    visibility: hidden;
}

.resource-grid-title {
    font-weight: normal;
    padding: 0 20px;
    font-size: 1.416em;
    line-height: 50px;
    display: inline-block;
}

.resource-tools a.resource-grid-title.active {
    color: #333;
    background: #ddd;
}

.resource-tools a.resource-grid-title {
    color: #999;
    margin-top: 6px;
    margin-left: 3px;
    padding: 3px 20px 6px 20px;
    line-height: 35px;
}

.resource-tools a.resource-grid-title:first-of-type {
    margin-left: 10px;
}

.resource-tools a.resource-grid-title:not(.active):hover {
    color: #666;
    background: #ececec;
}

.resource-tools a.resource-grid-title.active:hover {
    color: #333;
    cursor: default;
}

.resource-grid-title:nth-child(2) {
    padding-left: 0px;
}


.switch-panel {
    padding: 5px
}

.switch-panel.disabled {
    background: rgba(214, 214, 214, 0.3);
}

.wizard-card-tools {
    float: right;
    padding-left: 10px;
    margin-top: 7px;
    font-size: 1.9rem;
}


.map-filter-panel div.row.widget-wrapper {
    padding: 5px 5px 25px 5px;
}

.input-group .form-control {
    position: relative;
    z-index: 0;
    float: inherit;
    width: 100%;
    margin-bottom: 0;
    font-size: 1.3rem;
}

.input-group.date {
    max-width: 300px;
}

.widget-preview {
    border: 1px solid transparent;
}

.widget-preview * {
    cursor: pointer;
}

.widget-preview.active {
    background: #fcfcfc;
    border: 1px solid #ddd;
    margin-left: -10px;
    padding-left: 10px;
    margin-right: -10px;
    padding-right: 10px;
}

.widget-preview.hover {
    background: #fafafa;
    margin-left: -10px;
    padding-left: 10px;
    margin-right: -10px;
    padding-right: 10px;
}

.panel-heading.note-toolbar {
    height: auto;
}

.no-instructions-shim {
    margin-top: -40px;
}

.arches-menu-icon {
    font-size: 1rem;
    color: #abb1b7;
    transform: translate(0, -2px);
}

.related-resources-container {
    -ms-flex: 0 0 calc(100% - 400px);
    -webkit-flex: 0 0 calc(100% - 400px);
    flex: 0 0 calc(100% - 400px);
    margin-bottom: 0px;
    margin-left: -1px;
    padding: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: all .5s;
}

.related-resources-container .pagination .active a {
    z-index: 1;
}

.dataTables_info {
    margin-top: 10px;
}

.dataTables_paginate {
    margin-bottom: 140px;
}

.relation-properties-buttons {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 15px;
    align-content: flex-end;
}

.relation-properties-model-name {
    padding-left: 5px;
}

a.mega-dropdown-toggle.disabled {
    pointer-events: none;
    cursor: default;
    color: #aaa;
}

.relation-properties-button {
    padding-left: 5px;
}

.related-resources-title-container {
    display: flex;
    flex-direction: row;
}

.search-candidate-link.unrelatable-search-result {
    color: #999;
}

.dropdown-menu.mega-dropdown-menu.display-related-resource-properties {
    display: block;
    margin-top: 5px;
}

.rr-panel-note {
    text-align: center;
    font-size: 2.7rem;
    margin-top: 150px;
}

.rr-drag-panel-target {
    border-bottom-width: 0px;
    background: white;
    border: 1px solid white;
    border-radius: 2px;
    padding: 0px 12px 0px 7px;
    margin-top: -1px;
    overflow-y: hidden;
}

#container .table-bordered td,
#container .table-bordered th.rr-tab-field {
    font-size: 1.3rem;
    font-weight: 400;
    color: #666;
}

.settings-config-panel {
    padding: 5px;
}

.data-table-selected {
    text-align: center;
}

.data-table-selected.sorting_asc::after {
    visibility: hidden;
}

.center-header {
    text-align: center;
}

.shim {
    margin-top: -25px;
}

.resource-relation-description {
    color: #888;
    padding: 10px;
    font-size: 1.3rem;
    margin-top: 15px;
    margin-right: 10px;
    height: 145px;
    border: 1px solid #ddd;
}

.settings-crud-panel {
    margin-top: 10px;
    margin-left: -20px;
}

.no-instructions-shim {
    margin-top: -60px;
}

.search .grid .library-card {
    background: #fafafa;
}

.search .grid .library-card.selected {
    background: #fff;
    font-weight: 600;
}

.search .grid .library-card:hover {
    background: #fff;
    border-left: 5px solid #20ce05;
}

#related-resources-drag-panel .card-header {
    margin: -1px -30px 0px -30px;
}

#related-resources-drag-panel .card-header h2 {
    margin-top: 5px;
    color: #f1f1f1;
    font-size: 1.7rem;
    font-weight: 400;
}

.rr-table {
    max-height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #ddd;
    max-width: 600px;
}

.rr-table.rr-summary-page {
    max-height: 556px;
    max-width: 100%;
}

.rr-table::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 9px;
    border-left: 1px solid #ddd;
}

.rr-table::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.rr-table-border {
    border: solid 1px #e0e0e0;
}

.rr-table-row {
    min-height: 36px;
    display: flex;
    border-bottom: solid 1px #ddd;
    flex-direction: column;
}

.rr-table-row:hover {
    background: #F6F6FE;
    border-color: #B0AFE3;
    cursor: pointer;
}

.rr-table-row:hover .rr-table-column {
    border-color: #B0AFE3;
    border-right: none;
}

.rr-table-row:nth-last-child(odd) {
    background: #F5FAFE;
}

.rr-table-row:nth-last-child(odd):hover {
    background: #F6F6FE;
    border-color: #B0AFE3;
    cursor: pointer;
}

.rr-table-row:nth-last-child {
    border-bottom: none;
}

.rr-table-row:last-child {
    border-bottom: none;
}

.rr-table-row-initial {
    display: flex;
    flex-direction: row;
    height: 36px;
}

.rr-table-row-panel {
    background: #fff;
    border: none;
    border-top: 1px solid #ddd;
    padding: 20px 30px;
}

.rr-table-row-panel .control-label {
    font-weight: bold;
    margin-bottom: 10px;
}

.rr-table-row-panel .node-config-item {
    margin: 5px 0px 15px -7.5px;
}

.rr-table-column {
    padding-right: 10px;
    border-left: solid 1px #ddd;
}

.rr-table-column:first-child {
    border-left: none;
}

.rr-table-column:last-child {
    border-right: none;
}

.rr-table-column button {
    padding: 0px;
    width: 36px;
    color: #25476a;
    border: none;
    background: none;
}

.rr-table-column button i {
    margin-left: 0px;
    padding: 10px;
}

.rr-table-column.icon-column {
    width: 36px;
    padding: 0px;
}

.rr-table-column.icon-column:hover {
    background: #D9D9F5;
}

.rr-table-column a {
    color: steelblue;
}

.rr-relationship-icon {
    font-size: 1.7rem;
    padding-left: 49%;
}

.rr-table-instance-label {
    width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 10px;
}

.create-resource-instance-card-component {
    position: fixed;
    background: #fcfcfc;
    z-index: 11;
    height: 95%;
    overflow-y: auto;
    top: 10px;
    left: -100%;
    width: calc(100% - 25px);
    padding-bottom: 20px;
}

.create-resource-instance-card-component.rr-table-pop {
    height: 100vh;
    width: 100%;
    padding: 0px;
    background: #fff;
    top: 0px;
    left: 0%;
    overflow-x: hidden;
    transform: translate(100%, 0);
    transition: all 0.3s ease-out;
    padding-left: 50px;
}

.create-resource-instance-card-component.rr-table-pop .rp-edit-buttons {
    display: none;
}

.resource-instance-card-component-container {
    display: flex;
    overflow-x: hidden;
}

.resource-instance-card-component-container .card-component {
    width: 100%;
    top: 50px;
    padding-top: 0px !important;
}

.resource-instance-card-component-toc {
    width: 300px;
    border-right: 1px solid #ddd;
    height: 100vh;
    background: #fbfbfb;
}

.resource-instance-card-component-content {
    flex: 2 0 0;
}

.resource-instance-card-menu-item {
    height: 50px;
    background: #f8f8f8;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    font-size: 1.3rem;
}

.resource-instance-card-menu-item:not(.selected):hover {
    cursor: pointer;
    background: #fff;
}

.resource-instance-card-menu-item.selected {
    background: #fff;
    margin-right: -1px;
}

.resource-instance-card-component-content .workbench-card-wrapper {
    height: calc(100vh - 100px);
}

.resource-instance-card-component-content .workbench-card-wrapper .workbench-card-sidepanel {
    height: calc(100vh - 100px);
}

.workbench-card-sidepanel .create-resource-instance-card-component.rr-table-pop {
    top: 50px;
    z-index: 30;
    height: 100vh;
    position: fixed;
    left: 50px;
    width: calc(100% - 50px);
}

.sidenav-lg .workbench-card-sidepanel .create-resource-instance-card-component.rr-table-pop {
    left: 220px;
}

.workbench-card-sidepanel .create-resource-instance-card-component.rr-table-pop .card-component {
    margin-top: 15px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px;
    height: 100vh;
    overflow-y: auto;
}

.create-resource-instance-card-component.rr-table-pop .card-component {
    margin-top: 15px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px;
    padding: 20px;
    width: 100%;
}

.workbench-card-sidepanel .create-resource-instance-card-component.rr-table-pop .card-component .install-buttons {
    right: 21px;
    width: 357px;
}

.workbench-card-sidepanel .create-resource-instance-card-component.rr-table-pop .create-instance-panel {
    background: #fff;
    min-height: 67%;
}

.workbench-card-sidepanel .create-resource-instance-card-component.rr-table-pop .create-instance-panel .loading-mask {
    left: 100%;
    width: 450px;
    display: none;
}

.create-resource-instance-card-component.rr-table-pop .create-instance-panel {
    background: #fff;
    min-height: 60%;
}

.new-provisional-edit-card-container .rr-table-instance-label {
    width: 475px;
}

.workbench-card-sidepanel .rr-table-instance-label {
    width: 220px;
}

.workbench-card-sidepanel .create-resource-instance-card-component.rr-table-pop .install-buttons {
    width: calc(100% - 350px) !important;
    left: 350px;
    text-align: left;
    position: unset;
}

.sidenav-lg .workbench-card-sidepanel .create-resource-instance-card-component.rr-table-pop .install-buttons {
    left: 520px;
}

.unselectable {
    color: #ff0000;
}

#container .table-bordered .unselectable td {
    color: #ddd;
}

.rr-text-notes {}

.rr-result-grid-container {
    position: relative;
    margin-top: 15px;
    width: 100%;
    font-size: 1.6rem;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 300;
    color: #999;
}


.rr-widget-filter-panel {
    margin-top: -5px;
    height: 40px;
    background: #f2f2f2;
    padding: 6px;
    max-width: 600px;
    border: 1px solid #ddd;
    border-bottom: none;
}

.rr-widget-filter-panel .clear-node-search {
    position: absolute;
    left: 205px;
    top: 5px;
}

.rp-report-container {
    color: #666;
    padding-top: 100px;
    padding-bottom: 50px;
    transition: all .25s ease;
}

.graph-designer .rp-report-container-preview {
    color: #666;
    padding-bottom: 50px;
    transition: all .25s ease;
    background-color: white;
}

.card-component-panel .editor-report .rp-report-container-preview {
    margin-top: 0px;
}

.rp-report-section {
    padding: 0px 0px 35px 0px;
    background: #fff;
    border-bottom: solid 1px lightgray;

    &.rp-report-section-root {
        padding-top: 30px;
        background-color: #fff;
        display: flex;
    }
}

.rp-report-section-title {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: -1px;
    margin-bottom: 5px;
    color: #666;
    padding-bottom: 0px;
    background: #fff;
    width: 100%
}

.rp-section-title {
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 14px 0 5px 0px;
    color: #666;
}

.rp-tile-separator {
    border: 1px solid #ddd;
}

.rp-tile-title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 0px 0 5px 0px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rp-report-tile {
    padding-bottom: 15px;
    padding-left: 8px;
    margin-top: 0px;

    &.related {
        padding-bottom: 0px;
    }

    .reported-relationship {
        padding-left: 5px;
        color: #888;
    }
}

.rp-report-container-tile .rp-report-tile {
    padding-bottom: 0;
}

.rp-report-container-tile {
    padding-bottom: 15px;
    padding-top: 15px;
}

.rp-image-grid-item {
    float: left;
    margin: 3px;
    max-width: 200px;
}

.dl-horizontal {
    margin-bottom: 0px;
}

.resource-report-abstract-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rp-card-section {

    padding-bottom: 10px;
    padding-top: 0px;
    position: relative;
    margin: 10px 20px;

    .rp-report-container-tile{
        padding: 0;
    }

    .rp-report-tile{
        &.provisional-edit-cards {
            padding-left: 0px;
            padding-bottom: 0px;
        }

        .dl-horizontal {
            margin-bottom: 0px;
            display: grid;
            grid-template-columns: 260px 1fr;
            align-items: start;

            dt {
                grid-column: 1;
                font-weight: 600;
                text-align: end;
                width: auto;

            }
            dd {
                grid-column: 2;
                margin: 0px;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-inline-start: 20px;
                padding-inline-end: 50px;
                word-break: break-word;
            }
        }
    }

    .rp-no-data {
        margin: 10px 0;
        position: unset;
        color: #888;
        margin-top: 0px;
    }

    .rp-edit-buttons {
        min-width: 34px;
        display: inline-flex;
        justify-content: space-between;
        color: #597DBF;

        i {
            padding: 10px 12px;
            border: 1px solid #ddd;
            height: 36px;
            width: 36px;
            margin-right: 0 2px;
            background: #D8FAF6;

            &:hover{
                cursor: pointer;
                background: #fff;
                color: #3A5FA4;
            }
        }
    }

}

.report-print-date {
    font-size: 1.1rem;
    color: #999;
}

.report-print-date .toggle-container {
    display: flex;
    flex-direction: column;
    margin: 0 -25px;
}

.report-toolbar {
    top: 50px;
    width: calc(100% - 50px);
    height: 50px;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
}

.stamp {
    position: absolute;
    background: orange;
    border: 4px dotted black;
}

.report-toolbar a {
    width: 500px;
}

.report-toolbar-preview {
    width: 100%;
    height: 50px;
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    z-index: 10;
}

.report-toolbar-title {
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 0px;
    padding: 14px 0 5px 25px;
    color: #555;
}

h4.report-toolbar-title {
    width: 500px;
}

.dataTable tr:hover {
    background-color: #dbf1f5 !important;
    /*cursor: pointer;*/
}

#container .table td {
    vertical-align: middle;
}

.disabled-link {
    pointer-events: none;
    cursor: default;
    color: grey;
}

.map-widget-container {
    position: absolute;
    top: 6px;
    right: 10px;
    padding-top: 5px;
    font-size: 1.7rem;
    color: #fff;
    background: #706BE2;
    opacity: 0.75;
    width: 36px;
    height: 36px;
    border-radius: 2px;
    border: 1px solid #332DC1;
    transition: all .2s ease;
    z-index: 10;
    line-height: 1.5;
}

.panel-group.accordion .panel-heading.map-widget-config-accoridan-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 5px;
}

.panel-heading.map-widget-config-accoridan-item .panel-title {
    width: 100%;
}

.map-widget-config-accoridan-item i {
    float: right;
    padding-top: 15px;
}

.map-disabled {
    background-color: black;
    height: 500px;
    opacity: 0.2;
    margin-bottom: -500px;
    position: relative;
    z-index: 100;
}

.map-widget-container a {
    color: #fff;
}

div.row.widget-wrapper.report-header {
    margin-right: 5px;
    padding: 0px;
    padding-bottom: 10px;
    width: 100%;
}

div.row.widget-wrapper.report-header:hover {
    background: #ebeef0;
}

.report-header .control-label.widget-input-label {
    display: none;
}

.map-service-manage-control-label {
    display: flex;
    justify-content: flex-end;
    margin: 0 20px;
}

.permission-user-group-container {
    display: flex;
    flex-direction: column;
}

.map-widget-container-expanded {
    top: 6px;
    right: 10px;
    background: rgba(17, 17, 17, 0.21);
    opacity: .9;
    width: 300px;
    height: calc(100vh - 35px);
    border: 1px solid #999;
    transition: all .2s ease;
}

.map-widget-container.hide-maptools {
    display: none;
}

.overlay-selection-container {
    position: absolute;
    top: 6px;
    left: 10px;
    padding: 10px 25px;
    width: calc(100% - 325px);
    background: #fcfcfc;
    /*height: calc(100vh - 35px);*/
    border: 1px solid #bbb;
    z-index: 1100;
}

#overlay-grid {
    margin-left: 10px;
    margin-right: 0px;
    border-top-width: 0px;
}

#overlay-grid.grid {
    height: 1600px;
    overflow-y: scroll;
}

.overlay-selection-container.selector-closed {
    visibility: hidden;
}

.overlay-close {
    font-size: 1.9rem;
    color: #888;
}

.overlay-close:hover {
    cursor: pointer;
    color: #555;
}

.overlay-title {
    font-size: 1.6rem;
    padding: 10px;
}

.overlay-filter-container {
    position: relative;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.overlay-list-container {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    height: 1000px;
    overflow-y: scroll;
}

.overlay-filter {
    height: 38px;
}

.overlay-card {
    float: left;
    width: 100%;
    height: 50px;
    margin-bottom: -2px;
    position: relative;
    padding: 0px;
    border: 1px solid #ddd;
    border-top-width: 1px;
    background: #fcfcfc;
}

.overlay-card:hover {
    background: #fff;
    cursor: pointer;
}

.overlay-card:first-of-type {
    border-top: 1px solid #ddd;
}

.overlay-card.selected {
    background: #fff;
}

.overlay-card-item {
    position: relative;
}

.overlay-card-main {
    position: absolute;
    left: 67px;
    top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.4rem;
}

.overlay-card-vis-toggle {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 50px;
    height: 50px;
    padding-top: 15px;
    font-size: 1.7rem;
    border-right: 1px solid #ddd;
    color: #ccc;
    vertical-align: middle;
    display: table-cell;
}

.overlay-card-main a {
    color: #aaa;
}

.overlay-card.selected div div a {
    color: #555;
}

.overlay-card.selected div div i {
    color: #666;
}

.overlay-card:hover div div i not:selected {
    color: rgb(102, 102, 102);
}

.overlay-card:hover div div {
    color: rgb(102, 102, 102);
}

.overlay-filter {
    height: 38px;
}

.resource-color-swatch {
    font-size: 2.1rem;
}

.geometry-tools-container {
    position: absolute;
    top: 50px;
    left: 0px;
    padding: 0px;
}

.map-search-container div.geometry-tools-container {
    top: 0px;
    left: 0px;
}

.geocode-container-shim {
    margin-right: 265px;
}

.geocode-container {
    position: absolute;
    top: 6px;
    right: 55px;
    padding: 0px;
    background: #fff;
    opacity: .9;
    width: 250px;
    height: 36px;
    border-radius: 2px;
    transition: all .450s ease;
    z-index: 10;
    visibility: hidden;
}

.geocode-container input {
    border-color: #aaa;
}

.geometry-editing-notifications {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: -webkit-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    width: 100%;
    opacity: .85;
}

.notifications-minimized {
    width: auto;
}

.geometry-editing-notifications span.arrow {
    color: white;
    position: absolute;
    left: 10px;
    top: 15px;
}

.geometry-editing-notifications span.arrow:hover {
    cursor: pointer;
}

.alert-wrap>.alert>.media {
    padding-left: 5px;
}

.geocode-container.hide-geocoder {
    visibility: visible;
}

.relative {
    position: relative;
}

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

.map-widget-panel {
    position: absolute;
    top: 56px;
    width: 299px;
    height: 450px;
    overflow-y: auto;
    right: 10px;
    padding: 0px;
    box-shadow: none;
    background: transparent;
    border-top: 1px solid #ddd;
    /*transition: all .40s .15s ease;*/
    z-index: 10;
}

#map-widget-basemaps.panel.map-widget-panel {
    border-left: 1px solid #999;
    right: 11px;
}

#overlays-panel.panel.map-widget-panel {
    border-left: 1px solid #999;
    right: 11px;
}

.map-search-container,
.map-search-container div .map-widget-panel {
    height: calc(100vh - 100px);
}

.map-widget-panel.map-panel-inactive {
    visibility: hidden;
}

.map-widget-panel-title {
    height: 50px;
    width: 298px;
    padding: 8px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.map-widget-panel-title h4 {
    font-weight: 400;
    color: #444;
}

.map-crud-container {
    top: 0px;
    height: 500px;
    background: #fbfbfb;
    border: 1px solid #bbb;
}

.map-search-container {
    background: #fbfbfb;
}

.map-report-header-container {
    height: 500px;
    background: #fbfbfb;
}

.plugin-main .map-report-header-container {
    height: 100%;
}

.plugin-main .row.widget-wrapper.report-header {
    padding: 0;
    margin: 0;
}

.expanded-edit-map {
    position: fixed;
    border-width: 0px;
    top: 0px;
    left: 50px;
    bottom: 0px;
    right: 0px;
    height: auto;
}

.map-search-container.expanded-edit-map {
    top: 51px;
}

.expanded-buttons {
    z-index: 1000;
    position: absolute;
    top: 5px;
    right: 315px;
    transition-duration: .3s;
    background: #f2b251;
    width: 213px;
    height: 40px;
}

.effect>.install-buttons.expanded-buttons {
    position: absolute;
    top: -130px;
    right: 250px;
}

.map-search-container.expanded-map {
    margin-top: -25px;
    margin-right: -15px;
}

.report-header .expanded-map {
    margin-top: 0px;
    margin-right: 0px;
}

.ui-sortable div div .expanded-map {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.map-widget-toolbar {
    position: absolute;
    background: #fff;
    width: 298px;
    height: 50px;
    right: 11px;
    top: 6px;
    display: table-cell;
    border-top: 1px solid #999;
    z-index: 10;
}

.mainnav-container {
    display: flex;
    flex-direction: column;
    z-index: 15;
    height: 100%;
    justify-content: space-between;
}

.debug-notice {
    padding-bottom: 4px;
    padding-right: 2px;
    font-size: x-small;
    color: #999;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

.debug-notice {
    padding-bottom: 4px;
    padding-right: 2px;
    font-size: x-small;
    color: #999;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#navbar {
    z-index: 16;
}

.map-widget-icon {
    color: rgba(255, 255, 255, 1);
    opacity: 1.0;
}

.map-widget-toolbar-list {
    list-style: none;
    padding-left: 0px;
    display: inline-block;
    width: 250px;
}

.map-widget-toolbar-item {
    padding: 5px 10px 5px 10px;
    font-size: 1.5rem;
    height: 50px;
    color: #777;
    vertical-align: middle;
    text-align: left;
    display: table-cell;
}

.map-widget-toolbar-item:hover {
    cursor: pointer;
    color: #444;
}

.map-widget-toolbar-item.active {
    color: #444;
}

.map-widget-toolbar-item.active:focus {
    color: #444;
}

.map-widget-toolbar-item.active:active {
    color: #444;
}

.map-widget-icon {
    color: #888;
}

li.active .map-widget-icon {
    color: #444;
}

a#close-map-tools.map-widget-icon {
    position: absolute;
    right: 10px;
    top: 17px;
    font-size: 1.3rem;
    color: steelblue;
}

.basemap-unselected {
    color: #ccc;
}

span.basemap-unselected {
    color: #aaa;
}

.map-widget-overlay-item {
    width: 298px;
    height: 50px;
    padding: 7px;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}

a#close-map-tools.map-widget-icon:hover {
    color: #311557;
}

.map-widget-overlay-item.selected {
    background: #fff;
}

.map-widget-overlay-item:hover {
    background: #fff;
    cursor: pointer;
}

.map-widget-overlay-item:hover div i {
    color: #666;
}

.map-widget-overlay-item:hover div a span {
    color: #454545;
}

.map-overlay-item-tools {
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 0px 5px;
}

.overlay-toggle-icon {
    font-size: 1.7rem;
}

#overlays-panel div .map-widget-overlay-item {
    background: #fff;
}

#overlays-panel div .overlay-invisible {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}

.show-tools {
    height: 100px;
    transition: all .40s ease;
}

.map-overlay-vis-toogle {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    padding-top: 13px;
    font-size: 1.9rem;
    border-right: 1px solid #ddd;
    color: #666;
    vertical-align: middle;
    display: table-cell;
}

.map-overlay-item-tools-panel {
    position: absolute;
    top: 50px;
    left: 0px;
    height: 50px;
    width: 290px;
    padding: 12px 7px 7px 17px;
    font-size: 1.7rem;
    color: #888;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #ddd;
    /*transition: all .40s ease;*/
    display: none;
}

.overlay-tool-icon {
    padding-right: 3px;
}

.overlay-tool-group {
    float: right;
}

.map-overlay-name {
    position: absolute;
    top: 14px;
    left: 60px;
    width: 220px;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.leaflet-draw-toolbar .active {
    background-color: #efefef;
}

.map-query-tool {
    display: flex;
    flex-direction: row;
    justify-content: left;
}

.map-query-tool-input {
    width: 140px;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.map-query-tool-input.buffer {
    height: 40px;
}

.map-json-tool {
    position: absolute;
    height: 120px;
    top: 10px;
    left: 60px;
    width: 180px;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.spatial-filter-container {
    padding: 10px 5px 15px 5px;
    border-bottom: 1px solid #ddd;
}

.buffer-control {
    color: #4d627b;
    border: none;
    padding: 5px;
    padding-left: 12px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.buffer-control .h5 {
    font-size: 1.3rem;
}

.buffer-input {
    width: 75px;
}

.map-tool-container {
    position: absolute;
    top: 75px;
    left: 30px;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.map-tool-container.buffer {
    position: absolute;
    top: 0px;
    width: 220px;
}

.map-tool-container.buffer select {
    height: 28px;
    width: 75px;
}

.map-tool-item {
    background: #aaa;
}

.map-tool-item.geojson {
    padding: 1px;
    background: #aaa;
    color: #aaa;
}

.map-tool-item.xy {
    background: #fff;
    width: 220px;
    top: 0px;
}

.map-tool-item.xy.buffer {
    top: 44px;
}

.map-tool-item.xy .tool-header {
    padding-bottom: 10px;
    font-size: 1.5rem;
    color: #555;
}

.map-tool-item.xy select {
    height: 24px;
    min-width: 195px;
    margin-bottom: 7px;
}

.map-tool-item.xy input {
    height: 28px;
    margin-bottom: 2px;
    padding: 5px;
}

a.clear-geojson-button {
    background-image: none;
    position: absolute;
    top: 7px;
    right: 15px;
    font-size: 1.2rem;
    color: steelblue;
}

.xy a.clear-geojson-button {
    border-bottom: none;
    top: 7px;
    right: 15px;
    color: steelblue;
    font-size: 1.2rem;
}

.xy a.clear-geojson-button:hover {
    cursor: pointer;
    color: #555;
}

a.clear-geojson-button.enabled {
    color: steelblue;
}

a.clear-geojson-button:hover {
    background-color: #fff;
    cursor: pointer;
}

.form-control.map-json-tool-input {
    width: 220px;
    height: 120px;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: scroll;
    text-overflow: ellipsis;
}

.map-style-panel-body-form-group {
    display: flex;
}

.map-style-panel-body-control-label {
    display: flex;
    flex-direction: row-reverse;
    margin: 0px 5px;
    text-align: end;
}

.clustering-pane-form-group {
    display: flex;
}

.mapboxgl-canvas:focus {
    outline: none;
}

.map-widget-tool:nth-child(1) {
    padding-left: 0px;
    width: 50px;
}

.map-widget-tool.active {
    background: steelblue;
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
    visibility: hidden;
}

.mapboxgl-ctrl-geocoder--input {
    font-size: 1.3rem;
    @include break-at(mobile) {
        height: 30px;
    }
}

.mapboxgl-ctrl-geocoder--icon-search {
    @include break-at(mobile) {
        top: 5px;
    }
}

.workbench-card-wrapper .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
    visibility: visible;
}

.widget-wrapper .mapboxgl-map {
    z-index: 10;
    margin-bottom: -10px;
}

.map-overlay-item-tools-panel .noUi-base {
    background: #489EED;
    /*-webkit-transition: background 450ms;*/
    /*transition: background 450ms;*/
}

.map-overlay-item-tools-panel .noUi-horizontal {
    height: 10px;
}

.map-overlay-item-tools-panel .noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    left: -9px;
    top: -6px;
}

.map-overlay-item-tools-panel .noUi-stacking .noUi-handle {
    z-index: 10;
}

.map-overlay-item-tools-panel .noUi-handle {
    border: 1px solid #e1e5ea;
    border-radius: 2px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 4px -3px #AAA;
}

.map-overlay-item-tools-panel .overlay-slider {
    width: 150px;
    margin-top: -5px;
}

.map-overlay-item-tools-panel .pips.noUi-horizontal {
    margin-bottom: 70px;
}

.map-thumbnail {
    padding-top: 5px;
}

.overlay-invisible .relative {
    background-color: #f8f8f8;
}

.overlay-invisible a {
    color: #999;
}

.overlay-invisible i {
    color: #999;
}

#overlays-panel .map-widget-panel-title:hover {
    cursor: pointer;
}

.noUi-target {
    position: relative;
    margin-top: 10px;
    margin-bottom: -12px;
}

.new-option-field input {
    display: inline;
    width: 90%;
}

.new-option-field i {
    padding-top: 10px;
}

.added-domain-option {
    padding-bottom: 4px;
}

.domain-container {
    width: 500px;
}

#widget-crud-settings div div .domain-container .domain-input {
    width: 254px;
}

#widget-crud-settings div div .domain-container {
    width: 270px;
}

.domain-input {
    height: 32px;
    margin-bottom: 5px;
    padding-left: 5px;
}

.domain-input-item {
    height: 32px;
    padding-left: 5px;
}

.domain-drag-handle {
    background: #f4f4f4;
    padding-left: 4px;
    padding-right: 1px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ddd;
    border-right-width: 0px;
}

.option-drag-handle {
    color: #999;
    cursor: move
}

.content-instructions {
    font-size: 1.3rem;
    color: #8d8d8d;
    margin-top: -30px;
    line-height: 1.25;
    margin-bottom: 20px;
}


/* Function Manager Page */

.href-toolbar {
    text-align: center;

    .href-button {
        color: #f4f4f4;
        font-size: 1.1rem;
        padding: 5px 0px;
        /*margin: -5px 0px 15px 0px;*/
        background: #5393C8;
        border: 1px solid #1561A1;
        display: inline-block;
        width: 100%;

        &:hover {
            color: #fff;
            background: #1266AB;
        }

        &:focus {
            color: #fff;
            background: #1266AB;
        }
    }
}

/* Hide "Full Screen" button for map tools widget in card manager */


/* End Disable "Full Screen" button for map tools widget in card manager */

.left-column-message {
    padding: 10px 15px;
    color: #777;
    font-size: 1.5rem;
}

.library-container {
    padding: 0px;
    border-left: 1px solid #e8e8e8;
}

.library-header {
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 1.5rem;
    background: #f4f4f4;
    border-bottom: 1px solid #e4e4e4;
}

.library-find {
    margin-right: 25px;
    font-size: 1.5rem;
    color: #999;
    width: 80px;
    display: block;
    text-align: center;
}

.library-grid {
    padding: 10px 15px;
}

.library-grid-title {
    font-weight: normal;
    font-size: 1.5rem;
    display: inline-block;
}

/* End Function Manager Page */

.category-header {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 10px;
    font-size: 1.5rem;
    background: #f4f4f4;
    border-bottom: 1px solid #e4e4e4;
}

.category-title {
    font-weight: normal;
    font-size: 1.5rem;
    padding: 9px 15px;
    color: #999;
    display: inline-block;
}

.category-title.active {
    color: #123;
    background: #ddd;
    cursor: default;
}

.category-title:not(.active):hover {
    cursor: pointer;
    background: #ececec;
}

.carousel,
.carousel .item {
    height: 500px;
    text-align: center;
}

.carousel-caption {
    z-index: 10;
}

.carousel .container {
    width: auto;
}

.carousel-inner>.item>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: inherit;
    max-width: 100%;
    object-fit: contain;
}

.dz-img {
    object-fit: contain;
}

.dz-img-main {
    width: 100%;
    height: 100%;
}

.geocoder-results {
    max-height: 410px;
    width: 250px;
    margin-left: 0px;
    overflow-y: auto;
}

.geocoder-result-item {
    min-height: 40px;
    border: 1px solid #e2e2e2;
    border-top-width: 0px;
    background: #fbfbfb;
    padding: 10px;
    cursor: pointer;
}

.geocode-clear {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.focused-geocoder-result {
    background-color: #dbf1f5;
}

.selected-geocoder-result {
    font-weight: bold;
    background: #dbf1f5;
}

.hover-panel-small {}

.hover-feature-info {
    position: absolute;
    z-index: 1000;
    left: 35px;
    margin: 10px;
    width: 400px;
    padding: 0px;
    border: solid 1px #999;
    border-radius: 2px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    background-color: rgb(249, 249, 249);
    opacity: 0.9;
}

.hover-rr-node-info {
    z-index: 999999;
    margin: 10px;
    width: 300px;
    padding: 0px;
    border: solid 1px #999;
    border-radius: 2px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    background-color: rgb(249, 249, 249);
    display: flex;
    flex-direction: column;
}

.rr-fdg-details {
    display: flex;
    flex-direction: column;
}

.rr-fdg-details span {
    flex-direction: row;
}

.rr-number {
    font-weight: bold;
    padding-right: 5px
}

.rr-number.fdg {
    font-weight: bold;
    font-size: 2.2rem;
    text-shadow: 0px 0px 0.08em #fff;
}

.rr-fdg-name {
    display: flex;
    flex-direction: row;
    padding: 5px;
    background-color: #fff;
    border-bottom-style: solid;
    border-color: #ddd;
    border-width: 1px;
}

.rr-fdg-model-name {
    display: flex;
    flex-direction: row;
    padding-top: 3px;
    background-color: #fff;
}

.rr-fdg-edge {
    padding-left: 25px;
    font-style: italic;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom-style: solid;
    border-color: #ddd;
    border-width: 1px;
}

.related-node-details {
    display: flex;
    flex-direction: column;
}

.hover-feature-title-bar {
    height: 40px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    max-width: 311px;
}

.mapboxgl-popup-content .hover-feature-title-bar {
    margin-bottom: 0px;
    padding: 0px;
}

.mapboxgl-popup-close-button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 40px;
    width: 40px;
    border: 1px solid #ddd;
    padding-bottom: 4px;
    cursor: pointer;
    background-color: #fafafa;
    color: #676767;
    font-size: 2.3rem;
    font-weight: 600;
}

.mapboxgl-popup-close-button:hover {
    cursor: pointer;
    background-color: #f4f4f4;
    color: #454545;
    font-size: 2.3rem;
    font-weight: 600;
}

.hover-feature-title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #25476A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
}

.hover-feature-nav-right+.hover-feature-title {
    width: 250px;
    margin-left: -4px;
}

.hover-feature-nav-left {
    height: 28px;
    width: 28px;
    background: #fbfbfb;
    margin-top: 5px;
    margin-right: 2px;
    margin-left: 5px;
    padding-left: 10px;
    padding-top: 3px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.hover-feature-nav-left:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.hover-feature-nav-right:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.hover-feature-nav-left.disabled {
    display: none;
}

.hover-feature-nav-right {
    height: 28px;
    width: 28px;
    background: #fbfbfb;
    margin-top: 5px;
    padding-left: 12px;
    padding-top: 3px;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.hover-feature-nav-right i {
    font-size: 1.4rem;
    font-weight: 600;
}

.hover-feature-nav-left i {
    font-size: 1.4rem;
    font-weight: 600;
}


.hover-feature-nav-right.disabled {
    display: none;
}

.hover-feature-instance-counter {
    background: #9DC4E4;
    border: 1px solid #4783B4;
    color: #fff;
    padding-top: 1px;
    padding-left: 1px;
    margin-top: -2px;
    border-radius: 50%;
    margin-right: 2px;
    height: 24px;
    width: 24px;
    text-align: center;
}

.hover-feature-body {
    padding: 10px 15px 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 350px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.hover-feature {
    font-size: 1.3rem;
    color: #555;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    /* number of lines to show */
    line-height: 1.2em;
    /* fallback */
    max-height: 12em;
    min-height: 3em;
    /* fallback */
}

.hover-panel-dismiss {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.9rem;
}

.hover-feature-metadata {
    margin-bottom: -4px;
    color: #888;
}

.hover-feature-metadata span {
    color: steelblue;
}

.saved-search-grid {
    height: auto;
    width: 100%;
    min-height: 400px;
}

.ss-grid-item:last-child {
    margin-bottom: 40px;
}

.ss-grid-item {
    border: 1px solid #ddd;
    width: 224px;
    height: 164px;
    float: left;
    -webkit-transition: .6s all ease;
    -moz-transition: .6s all ease;
    -o-transition: .6s all ease;
    transition: .6s all ease;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: white;
    margin-top: 5px;
}

.search-caption-activeWrap {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
}

.search-caption-alignCenter {
    display: table;
    width: 100%;
    height: 100%;
}

.search-caption-body {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.search-caption-activeWrap {
    z-index: 2;
    height: 100%;
    width: 100%;
}

.search-caption-alignCenter {
    display: table;
    width: 100%;
    height: 100%;
}

.search-caption-body {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.search-query-link-captions {
    padding-left: 0;
    color: #123;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 20px;
    list-style: none;
    text-align: center;
    cursor: pointer;
}

.search-query {
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: -20px;
    margin-left: 20px;
    margin-right: 30px;
    margin-bottom: 10px;
    background: rgba(250, 250, 250, 0.66);
}

a.search-query-link-captions:hover {
    font-weight: 600;
    color: #25476A;
}

a.search-query-link-captions:active {
    font-weight: 600;
    color: #fff;
}

a.search-query-link-captions:focus {
    font-weight: 600;
    color: #fff;
}

.search-query-desc {
    color: #444;
    font-size: 1.3rem;
}

.search-results {
    -ms-flex: 0 0 400px;
    -webkit-flex: 0 0 400px;
    flex: 0 0 400px;
}

.search-inline-filters {
    display: flex;
    justify-content: right;
    margin-top: 10px;
    margin-left: -5px;
    margin-bottom: 5px;
}

.search-inline-filters div {
    padding-left: 2px;
    margin-bottom: 2px;
}

.qa-filter .resource-selector-button div .btn {
    padding: 2px 47px;
}

.resource-filter .resource-selector-button div .btn {
    padding: 2px 59px;
}

.search-control-container {
    -ms-flex: 1 1 400px;
    -webkit-flex: 1 1 400px;
    flex: 1 1 400px;
    margin-bottom: 0px;
    background-color: #fafafa;
    border-top: 1px solid #ddd;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all .5s;
    margin-top: inherit;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.search-tools-container {
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
    height: 50px;
    width: 100%;
    padding: 4px 0px;
    margin-top: -1px;
    border-top: 1px solid #ddd;
    .clear-filter {
        margin-right: 5px;
    }
    .row {
        margin: 0;
    }
}

.search-count-container {
    padding: 10px 5px 10px 10px;
    text-align-last: justify;
    height: 40px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.search-controls-container {
    display: inline-flex;
    float: right;
    padding: 4px 10px;
}

.search-title {
    font-weight: 500;
    margin-top: 0px;
    display: inline-block;
    margin-bottom: 0px;
}

.search-candidate-title,
.search-candidate-link {
    color: steelblue;
    padding-right: 7px;
    background: none;
    border: none;
}

.search-control-container.slide {
    margin-left: -400px;
    transition: all .5s;
}

.search-results-panel {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px;
    border-right: solid 1px #dcdcdc;
}

.clear-filter {
    padding: 0px 9px !important;
    margin-top: 1px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #1ABA8E;
}

.search-listing-icon {
    transform: translate(0, -2px);
    font-size: 1.2rem;
}

.search-thumbnail-container {
    display: flex; 
    position: relative;
}

.search-thumbnail-image {
    max-width: 70px;
}

.search-thumbnail-image:hover {
    cursor: pointer;
}

.search-hover-image {
    position: absolute; 
    left: 90px; 
    right: 90px; 
    bottom: 10px; 
    height:260px; 
    padding: 5px; 
    background: #f4f4f4; 
    border: 1px solid #ddd; 
    border-radius: 2px; 
    display: none;
}

.search-listing:first-child .search-hover-image {
    position: absolute; 
    left: 90px; 
    right: 90px; 
    top: 10px; 
    height: 260px; 
    padding: 5px; 
    background: #f4f4f4; 
    border: 1px solid #ddd; 
    border-radius: 2px; 
    z-index: 10;
    display: none;
}

.search-footer {
    background: #f4f4f4;
    border-top: 1px solid #ddd;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;

    #paginator {
        .pagination {
            padding: 0px;
            margin: 5px 0px 0px 0px;
        }
    }
}

.search-footer .pagination {
    margin-top: 10px;
}

.pagination>li>a.disabled {
    cursor: default;
    color: rgb(160, 160, 160);
}

.pagination>li>a.disabled:hover,
.pagination>li>a.disabled:focus {
    border-color: #dcdcdc;
    box-shadow: none;
    background-color: transparent;
}

ul.pagination {
    font-size: 1.2rem;
}

.map-filter-panel {
    /*margin-left: 10px;*/
    position: absolute;
    left: -5px;
    right: -15px;
    top: -22px;
    z-index: 1;
}

.arches-select2 .select2-choices .select2-search-field {
    height: 34px;
}

.select2-container-multi .select2-choices {
    min-height: 36px !important;
    z-index: 10;
}

.select2-container-multi .select2-choices .select2-search-field input {
    margin: 3px 10px;
    font-size: 1.3rem;
}

.arches-select2 .select2-choices .select2-search-field input {
    margin-top: 3px;
}

.select2-container.select2-container-multi.select2-container-disabled.select2-container-disabled .select2-search-choice {
    color: #999;
}

.dropdown-crud {
    right: 0px;
    padding-left: 15px;
    min-height: 500px;
    overflow-y: scroll;
}

.resource-selector-button {
    padding-bottom: 0px;
}

.search-results-container {
    padding: 10px 10px 60px 10px;
    bottom: 50px;
    overflow-y: auto;
    width: 100%;
}

.rr-display-toggle {
    width: 100px;
}

.rr-display-toggle>button {
    border-radius: 10px;
}

.rr-display-toggle.open-graph {
    right: 20px;
}

.related-resources-title {
    font-size: 1.9rem;
    font-weight: 500;
}

.related-resources-relationship .dropdown-menu {
    left: auto;
    width: 600px;
}

.related-resources-delete {
    padding-right: 12px;
}

.selected-resource-list {
    position: absolute;
    top: 85px;
    right: 25px;
    left: 15px;
    padding: 5px;
    height: 100px;
    background: #f8f8f8;
    overflow-y: scroll;
}

.selected-resource {
    margin-left: 5px;
    margin-bottom: 3px;
}

.related-resources-crud-link {
    background: #ddd;
    border: 1px solid #ccc;
    height: 33px;
    padding: 5px 8px;
    margin-left: 15px;
}

.search-filter {
    transform: translate(0, -2px);
    font-size: 2.1rem;
    padding: 6px;
    margin-top: -10px;
    color: #888;
    border: 1px solid transparent;
}

.search-filter.active {
    background: #f2f2f2;
    color: #555;
    border: 1px solid #ddd;
}

.search-filter:hover {
    cursor: pointer;
    background: #f2f2f2;
    color: #555;
    border: 1px solid #ddd;
}

.search-listing {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    &:hover {
        border: 1px solid steelblue;
    }
    &:active {
        border: 1px solid steelblue;
    }
    &.selected {
        border: 1px solid steelblue;
    }
}

.search-listing-title {
    font-size: 1.5rem;
    font-weight: 500;
    background: #fff;
    color: #666;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 5px 0px 10px;
    line-height: 1.1;
}

.search-listing-title.i18n-alt a span {
    font-size: 1.3rem;
}
.search-listing-title.i18n-alt a span::before {
    content: "(";
}

.search-listing-title.i18n-alt a span::after {
    content: ")";
}

.search-listing-title.provisional-edits {
    font-size: 1.2rem;
    color: #888;
}

.provisional-tile.qa-btn {
    float: right;
    margin-right: 30px;
    margin-top: 3px;
    font-weight: 500;
}

.provisional-tile.qa-btn:hover {
    cursor: pointer;
}

.selected-provisional-tile {
    border-color: #3B8DD5;
    z-index: 1;
    border-style: solid;
    border-width: 1px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
}

.provisional-tile.icon {
    padding-left: 7px;
    font-size: 1.1rem;
    color: #f1b202;
}

.provisional-tile.icon.submitted {
    color: green;
}

.provisional-tile.icon.authoritative {
    padding-left: 7px;
    font-size: 1.1rem;
    color: #ccc;
}

.search-listing-body {
    height: 4.6em;
    font-size: 1.2rem;
    line-height: 1.35;
    color: #888;
    background: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* number of lines to show */
}

.search-listing-footer {
    display: flex;
    min-height: 40px;
    font-size: 1.1rem;
    padding: 10px;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    flex-flow: row wrap;
    row-gap: 10px;

    a {
        margin-top: -5px;
        padding: 5px 5px;

        &:focus {
            background: #d6d6d6;
            border-radius: 1px;
        }
    }

}

.time-wheel-wrap {
    width: 100%;
}

.filter-title {
    display: flex;
    font-size: 1.7rem;
    margin-top: 3px 0px 15px 0px;
}

.filter-title>span {
    flex-grow: 1;
}

.close-popup-panel:before {
    content: "\f00d";
    font-family: FontAwesome;
    margin-right: 6px;
    color: rgb(158, 158, 158);
    font-weight: lighter;
}

.close-popup-panel:hover:before {
    color: rgb(33, 62, 95);
}

.close-popup-panel-container {
    display: flex;
    font-size: 1.7rem;
    margin-bottom: 15px;
}

.title-underline {
    margin: 3px 0px;
    background: #ddd;
}

.time-wheel-title {
    margin-top: 20px;
    font-size: 1.7rem;
    font-weight: 400;
}

.time-wheel-instructions {
    font-size: 1.2rem;
    color: #777;
}

.time-wheel-wrap .sequence {
    font-size: 1.4rem;
    color: #25476A;
    font-weight: 600;
    position: absolute;
}

.time-wheel-wrap .sequence text {
    font-weight: 600;
    fill: #123;
}

.time-wheel-wrap .chart {
    position: relative;
    margin: 60px 0px 0px 0px;
}

.time-wheel-wrap .chart path {
    cursor: pointer;
    stroke: #fff;
    stroke-width: 0.5px;
}

.time-wheel-wrap .trail {
    height: 30px;
}

.time-wheel-wrap .explanation {
    position: absolute;
    top: 260px;
    left: 305px;
    width: 140px;
    text-align: center;
    color: #666;
    z-index: 1;
}

.time-wheel-wrap .percentage {
    font-size: 2.5em;
}

table.table.dataTable {
    margin-bottom: 0;
}

.arches-related-resource-panel {
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 1;
}

.related-resource-management {
    display: flex;
    justify-content: space-between;
}

.related-resources-header {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 0;
    margin-top: 15px;
    height: 40px;
    margin-bottom: 35px;
    width: 100%;
    z-index: 2;
}

.tab-pane.active .related-resources-header {
    display: none;
}

.related-resources-header .editor-elements {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 0;
    margin-top: 0px;
    height: 35px;
    width: 100%;
    z-index: 2;
}

.related-resources-header .editor-elements h2 {
    font-size: 1.6rem;
    margin-top: 0px;
    margin-bottom: 5px;
}

.related-resources-header .editor-elements h3 {
    font-size: 1.3rem;
    margin-top: 0px;
    margin-bottom: 5px;
}


.related-resources-header .btn-group>.btn:hover {
    z-index: 0;
}

.related-resources-header.open-graph {
    width: calc(100% - 245px);
}

.root-node-label {
    stroke: #999;
    font-size: 3.2rem;
    font-weight: 900;
    fill: #fcfcfc;
    opacity: 1;
    text-anchor: middle;
    pointer-events: none;
}

.map-preview-panel {
    padding-top: 5px;
    height: calc(100vh - 175px);
    overflow: scroll;
}

.panel>.panel-heading {
    display: flex;
    align-items: center;

    .panel-title {
        flex: 1;
        font-size: 1.84rem;
    }
    .service-buttons-heading {
        margin: 0 20px;
    }
    &::after{
        border: none;
        position: inherit;

    }
}

.config-title {
    font-weight: normal;
    padding: 0 20px 0 0px;
    margin-top: 10px;
    font-size: 1.216em;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.config-title-tab {
    font-weight: normal;
    padding: 0 20px 0 0px;
    margin-top: 10px;
    font-size: 1.15em;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**********
*  Axes
*/

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

.axis path.domain {
    stroke-opacity: .75;
}

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

.axis line.zero {
    stroke-opacity: .75;
}


/**********
*  Line chart
*/

.point-paths path {
    /*
  fill: #eee;
  stroke: #aaa;
  */
    stroke-opacity: 0;
    fill-opacity: 0;
}

.lines path {
    fill: none;
    stroke-width: 1.5px;
    stroke-linecap: round;
    transition: stroke-width 250ms linear;
    -moz-transition: stroke-width 250ms linear;
    -webkit-transition: stroke-width 250ms linear;
    transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -webkit-transition-delay: 250ms;
}

.line.hover path {
    stroke-width: 6px;
}

.lines .point {
    transition: stroke-width 250ms linear;
    -moz-transition: stroke-width 250ms linear;
    -webkit-transition: stroke-width 250ms linear;
}

.lines .point.hover {
    stroke-width: 20px;
    stroke-opacity: .5;
}

.hover-feature-body .row.widget-wrapper {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.hover-feature-body .row.widget-wrapper .col-xs-12 {
    padding: 0;
}

.hover-feature-body .row.widget-wrapper label {
    display: none;
}

.hover-feature-footer {
    height: 50px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #f8f8f8;
    padding: 10px;
    padding-top: 15px;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    color: steelblue;
}

.hover-feature-footer a {
    color: steelblue;
    font-weight: 500;
    padding-right: 10px;
}

.search-attribute-widget {
    display: inline-block;
    margin: 7px 8px;
}

.search-dropdown {
    /*max-height: 36px;*/
}

.search-type-btn-panel {
    height: 50px;
    background: #f2f2f2;
    margin-left: 4px;
    flex: 1;
}

.search-type-btn.relative:hover {
    background: #fff;
    color: #25476A;
}

.search-type-btn.relative:active {
    border-style: solid;
    border-top: 0px solid #BBD1EA;
    border-bottom: 0px solid transparent;
}

.search-type-btn.relative.active {
    background: #fff;
    color: #25476A;
    border-bottom: 1px solid #fff;
    cursor: default;
}

.search-type-btn {
    height: 50px;
    padding: 0px 4px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #888;
    min-width: 100px;
    border-color: #BBD1EA;
    border-top: none;
    border-right: 1px solid;
    background: #F7F9FB;
    z-index: 1000;
    margin-left: -5px;
    border-width: 1px;
    border-bottom: none;
    border-right: 1px solid #BBD1EA;
}

.term-search-btn {
    font-weight: 700;
    font-size: 1.3rem;
    height: 30px;
    padding-left: 0px;
    border: none;
}

.term-search-btn.active {
    color: #4330A4;
}

.search-type-btn i {
    font-size: 1.5rem;
}

.search-type-btn p {
    padding-top: 5px;
}

.search-type-btn-popup-panel {
    margin-top: 0px;
    display: inline-block;
    flex-direction: row;
}

.popup-panel-row {
    display: inline-flex;
    margin-left: 1px;
}

.search-type-btn-popup {
    height: 50px;
    width: 50px;
    padding: 0px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #888;
    border: 1px solid #BBD1EA;
    border-top: none;
    border-bottom: none;
    border-right: none;
    background: #F7F9FB;
    z-index: 1000;
}

.search-export {
    padding: 5px 15px;
}

.search-export .parameters {
    display: inline-flex;
    justify-content: space-around;
}

.search-export .precision {
    width: 75px;
}

.search-export .instruction {
    font-size: 1.5rem;
}

.search-export .instruction h2,
.search-export-instruction-h2 {
    font-size: 1.5rem;
    margin-top: 5px;
}

.search-export .instruction h4,
.search-export-instruction-h4 {
    font-size: 1.3rem;
    padding-left: 15px;
    color: #888;
    font-weight: 400;
    margin-top: -5px;
}

.search-export .parameter {
    padding: 0px 15px;
    margin-bottom: 20px;
}

.search-export.download {
    padding: 12px;
}

.download-message {
    padding: 0px 15px;
    font-size: 1.4rem;
}

.search-type-btn-popup.relative:hover {
    background: #fff;
    color: #25476A;
}

.search-type-btn-popup.relative:active {
    border-style: solid;
    border-right: 0px solid #BBD1EA;
    border-top: 0px solid #BBD1EA;
    border-bottom: 0px solid #BBD1EA;
}

.search-type-btn-popup.relative.active {
    background: #fff;
    color: #25476A;
    border-bottom: 1px solid #fff;
    height: 51px;
    line-height: 1;
}

.search-popup-panel {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 11000;
    background-color: #fff;
    width: 400px;
    height: calc(100vh - 100px);
    border-left: solid 1px #dcdcdc;
    padding: 20px;
    overflow-y: auto;
}

.rr-splash-img-container .fa {
    font-size: 4.2rem;
    margin: 8px 5px;
    color: steelblue;
}

.search-popup-panel .tab-pane.active div.saved-search-container div .rr-splash .rr-splash-img-container {
    height: 50px;
    width: 50px;
}

.search-popup-panel .tab-pane.active div.saved-search-container div .rr-splash .rr-splash-title {
    font-size: 2.4rem;
    margin-bottom: 20px;
}

.search-popup-panel .tab-pane.active div.saved-search-container div .rr-splash .rr-splash-img-container .rr-splash-img {
    height: 325%;
    margin-top: -13px;
    margin-left: -8px;
}

.related-resources-header .resource-instance-wrapper {
    padding: 0;
}

#widget-crud-settings div.row.widget-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: -5px;
    margin-left: -5px;
}

.resource-instance-search .row.widget-wrapper {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.print-map {
    display: none;
}

.hidden-map {
    overflow: hidden;
    height: 0;
    width: 0;
    position: fixed;
}

.print-map-container {
    width: 576px;
    height: 360px;
}

.default-message {
    font-size: 1.3rem;
    padding-top: 5px;
    color: #777;
}

.sm-icon-wrap {
    display: inline-block;
    padding: 5px;
    border-radius: 2px;
}

a.filter-tools {
    margin-left: 0px;
    padding: 3px 6px;
    color: #888;
    font-size: 1.2rem;
}

a.filter-tools:hover {
    cursor: pointer;
    background: #ddd;
    color: #454545;
}

.map-search-container div .map-widget-panel {
    height: calc(100vh - 110px);
}

.nav-tabs li a.graph-designer-tab {
    padding: 15px 10px 15px 10px;
    font-size: 1.3rem;
}

.graph-selector-panel {
    height: 60px;
}

.graph-selector {
    width: 350px;
}

.graph-designer-tab-container {
    background: #C9D4E1;
    font-weight: 600;
}

.graph-designer-tab-container .nav-tabs>li.active>a {
    background: #ecf0f5;
    border: 1px solid #f4f4f4;
}

.graph-designer-tab-container .nav-tabs>li:not(.active)>a {
    color: #777;
}

.graph-designer-tab-container .nav-tabs>li:not(.active)>a:hover {
    cursor: pointer;
    color: #666;
    background: #ecf0f5;
}

.viewstate-btn {
    width: 100px;
    height: 30px;
    padding-top: 3px;
    background: #fcfcfc;
}

.btn-group-toggle .viewstate-btn {
    border-radius: 2px 0px 0px 2px;
}

.btn-group-toggle .viewstate-btn:nth-child(2) {
    margin-left: -1px;
    border-radius: 0px 2px 2px 0px;
}

.viewstate-btn.active {
    background-color: #9490EE;
    color: #fff;
    font-weight: 600;
    cursor: default;
}

.viewstate-btn:not(.active):hover {
    background: #f4f4f4;
}

.row .left-inner.arches-box-grey-border {
    padding-left: 0;
}
.rdm {
    &.flex.row > div {
        margin: 0 5px;
    }

    &.tab-content {
        display: flex;
        flex-direction: column-reverse;

        .btn-group {
            display: flex;
            justify-content: flex-end;
            padding: 2px 8px;
        }
    }

    &.tabs {
        display: flex;
        background: #f6f6f6;
        align-items: center;
        padding: 0 5px;
        border-bottom: 1px solid #ddd;

        .nav.nav-tabs {
            flex: 1;
            margin-bottom: 0;
            border-bottom: none;

            & > li {
                margin-bottom: -1px;
            }
        }
    }
}

#custom-download-panel {
    padding-top: 20px;
    padding-left: 15px;
}

.report-title-bar {
}

.editor-report {
    background: white;
    width: 100%;
    overflow-y: auto;
    height: 100%;
}

.editor-report .rp-report-section {
    border-bottom: none;
    padding-bottom: 0;
}

.report-related-resources {
    padding: 0px 30px;
}

.report-related-resources .rp-card-section {
    margin-left: -15px;
}

.report-related-resources .rp-card-section .rp-report-container-tile {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-top: -5px;
}

.editor-report .report-related-resources,
.editor-report .report-title-bar {
    display: none;
}

.card-panel-body {
    /*height: 500px;
    overflow-y: scroll;*/
}

.node-value-select-tile {
    padding: 5px;
    font-size: 0.9em;
}

.selected-node-value {
    font-size: 1.3em;
}

.node-value-select-label {
    font-weight: bold;
}

.node-value-widget-ontology {
    padding: 15px 20px;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.chosen-container-single .chosen-single {
    background: #fff;
    color: #4d627b;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 3px;
    display: block;
    height: 32px;
    line-height: 1.42857;
    overflow: hidden;
    padding: 6px 12px;
    white-space: nowrap;
    font-size: 1.3rem;
}

.chosen-container-single .chosen-single div b {
    background-image: none !important;
}

.chosen-container-single .chosen-single .search-choice-close {
    top: 10px;
}

.chosen-container-single .chosen-single div b:before {
    border-bottom: 0 solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    color: #4d627b;
    content: "";
    display: inline-block;
    height: 0;
    margin: 1em -2px;
    vertical-align: middle;
    width: 0;
}

.chosen-container .chosen-drop {
    background: #fff;
    border-color: currentcolor rgba(0, 0, 0, 0.09) rgba(0, 0, 0, 0.09);
    border-style: none solid solid;
    border-width: 0 1px 1px;
    border-radius: 3px;
}

.chosen-container .chosen-search {
    background: #fff;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #177bbb;
    background-image: none;
    color: #fff;
}

.chosen-container-multi .chosen-choices {
    background: #fff;
    color: #8f9ea6;
    border: 1px solid rgba(0, 0, 0, 0.09);
    box-shadow: none;
    border-radius: 3px;
    min-height: 32px;
}

.chosen-container-active .chosen-choices,
.chosen-container-single .chosen-search input[type="text"] {
    border: 1px solid rgba(0, 0, 0, 0.09);
}

.chosen-container-multi .chosen-choices li.search-choice {
    background-color: #177bbb;
    background-image: none;
    color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    line-height: 16px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after,
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
    box-shadow: 0 0 0 1px inset;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after {
    height: 0.8em;
    width: 2px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
    height: 2px;
    width: 0.8em;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    display: block;
    height: 1.5em;
    transform: rotate(45deg);
    width: 1em;
    color: #fff;
    font-size: inherit;
    top: 2px
}

.chosen-container .chosen-results li {
    padding: 8px 6px
}

.sidepanel-draggable {
    background-color: #f7f7f7;
    border-left: solid 1px gainsboro;
    border-right: solid 1px gainsboro;
    height: 100%;
    z-index: 3;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.sidepanel-draggable div {
    cursor: col-resize;
    margin: 2px;
}

.sidepanel-draggable div i {
    display: block;
    color: rgb(190, 190, 190);
}

.left-panel-inner-container {
    height: 100%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}

.left-panel {
    flex: 0 0 300px;
    overflow: hidden;
    z-index: 3;
}

.left-panel-overflow {
    background: #ecf0f5;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
}

.left-panel-overflow>* {
    background: inherit;
}

.main-panel {
    background-color: #ffffff;
    flex: 1
}

.rich-text {
    padding: 20px;
}

.jstree .rich-text {
    padding: 0px;
    display: inline;
}

.graph-designer .card-component {
    /*width: 100%;*/
    background-color: #fff;
}

.graph-designer .card-component .install-buttons {
    display: none;
}

.card-component {
    padding: 15px 25px 25px 25px;
    margin: 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.graph-designer .card-component-panel {
    overflow-y: scroll;
}

.card-component-panel {
    width: 100%;
    padding: 0px;
    border-radius: 3px;
    background-color: white;
}

.graph-designer .card-component-panel {
    background: #fafafa;
}

.card-component-panel h3,
.card-component-panel-h3 {
    color: #2f527a;
    font-size: 1.2em;
    font-weight: 400;
}

.card-component-panel h3.rr-splash-description {
    font-size: 1.6rem;
    padding: 0px 20px;
    color: #888;
    margin: 0px;
}

.file-select .rr-splash-img {
    margin-top: 0px;
    margin-left: 2px;
    height: 90%;
}

.card-component-panel h4,
.card-component-panel-h4 {
    color: #2f527a;
    font-size: 1.5rem;
    font-weight: 550;
}

.card-component-panel .card-component h4 {
    margin-top: 5px;
}

.card-component-panel .card-component .is-function-node {
    display: inline-block;
    background: #A2EAE2;
    color: #01766A;
    padding: 10px 15px;
    margin-bottom: 15px;
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 15px;
    border-radius: 2px;
}

.card-component-panel hr {
    border-color: #e9e9e9;
}

.card-component-panel h5 {
    color: #999;
    margin-top: 5px;
    margin-bottom: 5px;
}

.card-component-wrapper-editor {
    height: 100%;
    padding-bottom: 50px;
    overflow-y: auto;
    background: #fafafa;
}

.card-header {
    height: 50px;
    padding: 10px 20px;
    background: #25476a;
}

.card-header-title {
    margin-top: -15px;
}

.card-breadcrumbs,
.card-breadcrumbs a {
    color: #f1f1f1;
    margin-top: 17px;
    font-size: 1.7rem;
}

.card-breadcrumbs span.dropdown.open .dropdown-menu>li>a {
    display: block;
    padding: 5px 20px;
    margin-top: 5px;
    clear: both;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.1;
    color: #333;
    white-space: nowrap;
}

.card-breadcrumbs span.dropdown.open .dropdown-menu>li>a:hover {
    color: #fff;
}

.card-breadcrumbs a.toggle-tree {
    font-size: 1.3rem;
}

.current-crumb {
    font-weight: 400;
}

.card-summary-section li {
    list-style: none;
}

.card-summary-section h4 {
    font-size: 1.1em;
}

.card-summary-section .card-summary {
    padding-bottom: 5px;
}

.card-summary-section.disabled h4 {
    color: #7a7a7a;
}

.card-summary-section.disabled a {
    cursor: default;
}

.card-summary-section .card-summary .card-summary-add {
    margin-left: 2px;
}

.card-summary-section .card-summary .card-summary-add:hover {
    cursor: pointer;
}

.card-summary-section .card-summary {
    margin-bottom: 10px;
}

.card-summary-section .tile-summary {
    padding: 2px;
}

.card-summary-section .tile-summary a {
    color: #6494cc;
}

.card-summary-section .tile-summary .tile-summary-label {
    font-weight: 600;
}

.card-summary-name {
    margin-bottom: 2px;
}

.tile-summary-item {
    padding-left: 5px;
}

.card-summary-section {
    padding: 20px 0 10px 0;
}

.btn-rr {
    background: #9490EE;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.09);
    margin: -10px 0px 30px 0px;
}

.btn-rr:hover {
    color: #fff;
}

.rr-splash {
    text-align: center;
    margin: 48px 45px 20px 45px;
    border: 1px solid #ddd;
    padding: 40px 30px;
    background: #f6f6f6;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rr-splash-title {
    color: #666;
    font-size: 2.8rem;
    margin-bottom: 30px;
    margin-top: 25px;
}

.rr-splash-img-container {
    padding: 20px;
    background: #fff;
    border: 1px solid steelblue;
    display: inline-block;
}

.rr-splash-img {
    margin-top: 3px;
    margin-left: 2px;
    height: 90%;
}

.rr-splash-description {
    font-size: 1.5rem;
    color: #999;
    font-weight: 500;
}

.rr-splash-description:last-child {
    margin-bottom: 80px;
}

.rr-splash-help-link {
    margin: 20px 0px 50px 0px;
    font-size: 2.8rem;
    color: steelblue;
}

.rr-splash-help-link:hover {
    cursor: pointer;
}

.report-expander {
    cursor: pointer;
    padding-left: 6px;
    font-weight: bold;
    font-size: 1.8rem;
}



.create-resource-instance-card-component .card-component {
    border: none;
}

.workbench-card-sidepanel .create-resource-instance-card-component {
    top: 75px;
}

.new-instance-model-name {
    font-size: 1.5rem;
    font-weight: 600;
    color: #004577;
    width: 100%;
}

.create-instance-header {
    height: 50px;
    background: #f1f1f1;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    font-size: 1.5rem;
}

.create-instance-menu-header {
    height: 50px;
    background: #ebebeb;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    font-size: 1.5rem;
}

.create-instance-header .close-new-step {
    position: absolute;
    right: 10px;
    top: 5px;
}

.create-instance-header .close-new-step:hover {
    cursor: pointer;
}

.create-resource-instance-card-component .card-component {
    padding-top: 10px;
}

.indent {
    text-indent: 10px;
    padding-left: 10px;
}

.mapboxgl-popup-content {
    width: 350px;
    padding: 0px;
}

.mapboxgl-popup-content .hover-feature-footer {
    padding: 10px 15px;
    height: auto;
}

.tabbed-report-header {
    border-bottom: 1px solid #ddd;
}

.tabbed-report-header .workbench-card-wrapper {
    height: 500px;
}

.tabbed-report-mainpanel {
    top: 25px;
    width: calc(100% - 50px);
}

.tabbed-report-mainpanel-content {
    width: calc(100% - 50px);
}

.tabbed-report-mainpanel-title {
    padding: 5px 15px;
    font-size: 1.2rem;
    border-bottom: 1px solid #ddd;
    background-color: rgb(237, 237, 237);
}

.tabbed-tile-value {
    padding-left: 0px;
}

.tabbed-report-tile-title {
    margin-bottom: 0;
    padding: 12px 5px 0 0;
}

.tabbed-report-sidepanel {
    width: 300px;
    margin: 0 25px;
    position: -webkit-sticky;
    position: sticky;
    top: 25px;
}

.tabbed-report-sidepanel .tabbed-report-sidepanel-content {
    border: 1px solid #ddd;
}

.tabbed-report-sidepanel-title {
    padding: 5px 15px;
    font-size: 1.2rem;
    border-bottom: 1px solid #ddd;
    background-color: rgb(237, 237, 237);
}

.tabbed-report-sidepanel-title.consultation-status-title {
    color: white;
    font-size: 1.5rem;
    background-color: rgb(234, 141, 148);
}

.sidebar-section {
    padding: 0px 10px 20px 10px;
    border-bottom: 1px solid #ddd;
}

.sidebar-section:last-child {
    border-bottom: none;
}

.sidebar-single-line-group {
    margin-bottom: 0px;
    font-size: 1.4rem;
}

.sidebar-single-line-type {
    color: #25476A;
}

.sidebar-single-line-value {
    color: #777;
}

.sidebar-double-line-group {
    margin-bottom: 6px;
    font-size: 1.4rem;
}

.sidebar-double-line-type {
    color: #25476A;
}

.sidebar-double-line-value {
    color: #777;
}

.tabbed-report-sidepanel-title.consultation-status-title.completed {
    background-color: rgb(202, 247, 225);
    color: rgb(84, 84, 84);
}

.tabbed-report-sidepanel-subtitle {
    color: rgb(222, 222, 222);
    font-size: 1.3rem;
    margin-top: -2px;
    margin-bottom: 2px;
}

.completed .tabbed-report-sidepanel-subtitle {
    color: rgb(167, 167, 167);
}

.tabbed-report-sidepanel-main {
    padding: 5px 15px 15px;
}

.tabbed-report-sidepanel-main dt {
    color: #2f527a;
    font-weight: normal;
    float: left;
    width: 130px;
    text-align: right;
    padding-right: 10px;
}

.report-map-header-component {
    height: 400px;
}

.search-result-details {
    background: #fff;
    height: 100%;
}

.search-result-details-splash {
    padding-top: 50px;
    padding-left: 2px;
    padding-right: 2px;
}

.search-result-details-splash .rr-splash {
    margin-top: 0;
}

.iiif-viewer-gallery,
.show-gallery-control {
    color: rgb(45, 70, 103);
    position: absolute;
    bottom: 0;
}

.iiif-gallery-content,
.show-gallery-control {
    background-color: rgb(242, 242, 242);
}

.show-gallery-control {
    left: 2px;
    bottom: 2px;
    padding: 15px 30px;
    z-index: 10000;
    color: #5b9bd7;
}

.show-gallery-control i {
    cursor: pointer;
    color: #2f527a;
    font-size: 1.5rem;
}

.show-gallery-control a {
    cursor: pointer;
    color: #2f527a;
}

.show-gallery-control h3 {
    display: inline-block;
    margin: 0 2px;
    font-size: 1.3rem;
}

.show-gallery-control a {
    font-size: 1.2rem;
}

.iiif-gallery-content .panel-controls {
    width: 230px;
    border-right: 1px solid #ddd;
}

.iiif-gallery-content .panel-controls .hide-gallery-control {
    width: 230px;
    height: 50px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 650;
    color: #5b9bd7;
    cursor: pointer;
}

.iiif-gallery-content .panel-controls .mode-selector {
    width: 100%;
    height: 108px;
    padding: 5px;
    background: #fafbfb;
}

.iiif-gallery-content .panel-controls .mode-selector-buttons {
    display: flex;
}

.iiif-gallery-content .panel-controls .mode-selector-buttons > div {
    margin-right: 10px;
    cursor: pointer;
}

.iiif-gallery-content .panel-controls .panel-selector-buttons {
    display: flex;
    margin-top: 5px;
}
.iiif-gallery-content .panel-controls .panel-selector-buttons > div {
    width: 65px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background-color: #ddd;
    cursor: pointer;
}

.iiif-gallery-content .panel-controls .panel-selector-buttons > div.selected {
    background-color: #add8e6;
    border: 1px solid #5b9bd7;
}

.iiif-gallery-content .panel-controls .panel-selector-buttons > div.hide {
    display: none;
}

.iiif-gallery-content .panel-controls .mode-selector-buttons > div > div {
    background-color: #ddd;
    width: 40px;
    height: 20px;
}


.iiif-gallery-content .panel-controls .mode-selector-buttons .two-panel {
    display: flex;
}

.iiif-gallery-content .panel-controls .mode-selector-buttons .two-panel > div {
    margin-right: 2px;
}

.iiif-gallery-content .panel-controls .mode-selector-buttons .selected > div {
    background-color: #5b9bd7;
}

.gallery-visible.show-gallery-control {
    display: none;
}

.show-gallery-control.gallery-expanded {
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    border-bottom: solid 1px rgb(221, 221, 221);
    border-top: none;
    z-index: 2000;
    padding: 15px 0 15px 30px;
}

.workbench-card-container-sidepanel-active .show-gallery-control.gallery-expanded {
    right: 400px;
}

.iiif-viewer-gallery {
    right: 0;
    left: 0;
}

.iiif-viewer-gallery.gallery-expanded {
    top: 0px;
    z-index: 1000;
}

.iiif-viewer-gallery.gallery-expanded .iiif-gallery-sequence-canvases{
    margin-top: 10px;
    height: auto;
    z-index: 1000;
}

.workbench-card-container-sidepanel-active .iiif-viewer-gallery {
    right: 400px;
}

.workbench-card-container-sidepanel-active .workbench-card-container {
    margin-right: 400px;
}

.hidden-file-input {
    display: none;
}

.add-new-crumb {
    cursor: pointer;
    float: right;
    padding: 4px 12px;
    font-size: 1.3rem;
    background: #6984A0;
    border: 1px solid #0A0737;
    border-radius: 2px;
    margin-top: -1px;
}

.map-data-drop-area {
    padding: 25px 15px;
    border: 1px dashed #bbb;
    background: #f9f9f9;
    text-align: center;
    color: #808080;
    margin: 5px 0px;
    border-radius: 1px;
    cursor: pointer;
}

.map-data-drop-area:hover,
.map-data-drop-area.drag-hover {
    border: 1px dashed black;
    color: black;
    background-color: #EEEEEE;
}

.iiif-gallery-content.compare {
    border-top: solid 1px rgb(221, 221, 221);
    height: 185px;
    width: 100%;
    padding: 10px;
    padding-bottom: 0px;
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
}
.iiif-gallery-content {
    border-top: solid 1px rgb(221, 221, 221);
    width: 100%;
    padding-bottom: 0px;
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
}

.gallery-expanded .iiif-gallery-content {
    border-top: none;
}

.iiif-gallery-content {
    height: 160px;
}

.gallery-expanded .iiif-gallery-content {
    height: 100%;
    background-color: rgb(250, 250, 250);
    padding: 5px 0px 20px 20px;
}

.workbench-card-wrapper .workbench-card-container-wrapper {
    height: 100%;
    width: calc(100% - 75px);
    position: absolute;
    left: 0px;
}

.workbench-card-wrapper .workbench-card-container-wrapper.wide {
    height: 100%;
    width: 100%;
}

.workbench-card-wrapper .workbench-card-container-wrapper.workbench-card-container-sidepanel-active {
    height: 100%;
    width: calc(100% - 75px);
    position: absolute;
}

.workbench-card-container.gallery-visible.compare {
    padding-bottom: 185px;
}

.workbench-card-container.gallery-visible {
    padding-bottom: 160px;
}


.iiif-leaflet {
    height: 100%;
    background: #fafafa;
}

.iiif-leaflet .leaflet-draw {
    display: none;
}

.iiif-leaflet .split-controls {
    display: flex;
    position: absolute;
    z-index: 2500;
    top: 9px;
}

@media(max-width: 1150px){
    .iiif-leaflet .split-controls {
        display: none;
    }
}

.image-tools-floating.left, .image-tools-floating.right {
    position: absolute;
    display: block;
    width: 238px;
    border: 2px solid #ddd;
    padding: 10px;
    background-color: #fff;
    z-index: 10000;
    top: 45px;
}

.image-tools-floating.right {
    right: 9px;
}

.image-tools-floating.right.sidepanel {
    right: 409px;
}

.image-tools-floating.left {
    left: 45px;
}

.iiif-leaflet .split-controls.right {
    right: 9px;
}

.iiif-leaflet .split-controls.left {
    left: 45px;
}

.iiif-image-tools .layout .mode-selector {
    display: flex
}

.iiif-image-tools .layout .mode-selector > div {
    margin-right: 15px;
}

.iiif-image-tools .layout .mode-selector .selected {
    margin-right: 15px;
}
.iiif-image-tools .selected {
    background-color: inherit;
}

.iiif-image-tools .layout .mode-selector > div > div {
    display: flex;
}

.iiif-image-tools .layout .mode-selector .selector-button {
    width: 100px;
    height: 50px;
    border: 1px solid #ddd;
    margin-right: 5px;
}

.iiif-image-tools .layout .mode-selector .selected .selector-button {
    background-color: #5b9bd7;
}

.iiif-image-tools .layout .panel-selector{
    margin-top: 20px;
}

.iiif-image-tools .layout .panel-selector .selector {
    display: flex;
}

.iiif-image-tools .layout .panel-selector .selector > div {
    margin-right: 5px;
}

.iiif-image-tools .layout .panel-selector .selector > div > div {
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
}

.iiif-image-tools .layout .panel-selector .selector .selected > div {
    background-color: #add8e6;
    border: 1px solid #5b9bd7;
}

.iiif-image-tools .btn.disabled {
    cursor: not-allowed;
}

.iiif-leaflet .split-controls .button {
    width: 38px;
    height: 38px;
    background-color: #fff;
    border: 2px solid #ddd;
    border-left: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 2.7rem;
}

.iiif-gallery-canvas,
.iiif-gallery-sequence,
.iiif-gallery-sequence-canvases {
    padding-left: 0px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    background: #fafbfb;
}
.iiif-gallery-sequence-canvases {
    height: 108px;
    display: flex;
    align-items: center;
}

.iiif-viewer-gallery.gallery-expanded .iiif-gallery-canvas,
.iiif-viewer-gallery.gallery-expanded .iiif-gallery-sequence,
.iiif-viewer-gallery.gallery-expanded .iiif-gallery-sequence-canvases {
    white-space: normal;
}

.iiif-gallery-sequence {
    padding-right: 20px;
}

.iiif-viewer-gallery.gallery-expanded .iiif-gallery-sequence {
    display: block;
}

.iiif-gallery-canvas-thumbnail img {
    margin: 1px;
    border: 1px solid rgb(162, 162, 162);
    height: 55px;
}

.annotated .iiif-gallery-canvas-thumbnail img {
    margin: 0px;
    border: 2px solid rgb(28, 62, 95);
}

.iiif-viewer-gallery.gallery-expanded .iiif-gallery-canvas-thumbnail img {
    height: 175px;
}

.iiif-gallery-sequence-label {
    cursor: pointer;
    color: rgb(91, 155, 215);
    font-weight: 600;
    text-decoration: none;
}

.iiif-gallery-sequence-labels {
    display: inline-flex;
    padding: 5px
}

.tabbed-workflow-step-container .iiif-gallery-sequence-labels {
    display: none;
}

.tabbed-workflow-step-container .install-buttons {
    display: none;
}

.iiif-gallery-panel {
    display: flex;
    flex-direction: column;
    width: inherit;
}

.iiif-input {
    width: 316px;
    max-width: 316px;
    min-height: 36px;
}

.iiif-manifest-metadata-panel .iiif-input {
    width: 280px;
    max-width: 280px;
    min-height: 36px;
}


.gallery-expanded .iiif-gallery-panel {
    padding-left: 15px;
}

.iiif-gallery-header {
    padding-left: 10px;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #ddd;
    height: 50px;
}

.iiif-widget-report {
    width: 425px;
    margin: 0 20px 10px 0px;
}

.iiif-widget-report .iiif-leaflet {
    height: 300px;
    margin: 0 20px 10px 0px;
    border: solid 1px #808080;
}

.manifest-metadata-title {
    margin-top: 8px;
    font-weight: 600;
}

.manifest-metadata-value {
    line-height: 1.2;
    color: #585858;
    overflow-wrap: break-word;
}

.manifest-metadata-value h4 {
    padding-top: 10px;
    font-size: 1.5rem;
    color: #2f527a;
    font-weight: 600;
}

.manifest-metadata-value a {
    color: #4682b4;
}

.manifest-details {
    white-space: normal;
    width: 250px;
    border-right: 1px solid #ddd;
    background: #e9e9e9;
    margin-top: -15px;
    margin-left: -20px;
    padding: 15px 10px 150px 10px;
    height: 100%;
    position: absolute;
    overflow-y: scroll;
}

.manifest-details h3 {
    width: 225px;
    font-size: 1.6rem;
    font-weight: 500;
}

.manifest-details h4 {
    padding-left: 0px;
    font-size: 1.3rem;
    font-weight: 400;
    color: #585858;
}

.manifest-details-list,
.manifest-logo {
    padding-left: 0px;
    margin-top: 5px;
}

.manifest-attribution-key {
    padding-top: 10px;
    font-size: 1.5rem !important;
    color: #2f527a !important;
}

.manifest-logo {
    max-width: 150px;
}

.manifest-editor-label {
    font-size: 1.2em;
    padding: 3px;
}

.iiif-manifest-metadata-panel {
    padding: 5px 8px;
    display: flex;
    background: #f9f9f9;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

.manifest-metadata-panel-drag {
    background: #e6e6e6;
    margin: -5px 5px -5px -10px;
}

.manifest-metadata-panel-drag i {
    padding: 42px 4px;
    font-size: 1.8rem;
    color: #585858;
}

.manifest-metadata-panel-drag:hover {
    cursor: pointer;
}

.iiif-gallery-header .list-filter {
    margin-bottom: 0px;
}

.iiif-gallery-header > div > div {
    margin-right: 20px;
}

.iiif-list-filter {
    display: inline-flex;
    align-items: center;
}

.iiif-gallery-canvas {
    cursor: pointer;
    margin-left: 10px;
    padding: 6px;
    border: 1px solid transparent;
    min-width: 60px;
    height: 100px;
}

.iiif-viewer-gallery.gallery-expanded .iiif-gallery-canvas {
    height: 220px;
    min-width: 120px;
}

.iiif-gallery-canvas:hover,
.iiif-gallery-canvas.active {
    border: 1px solid rgb(180, 180, 180);
    background-color: rgb(230, 230, 230);
}

.iiif-gallery-canvas-label {
    font-size: 0.9em;
    font-weight: 650;
    color: rgb(91, 155, 215);
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: initial;
}

.gallery-expanded .iiif-gallery-canvas-label {
    width: 100%;
}


.iiif-gallery-canvas-label .annotation-count {
    font-size: 0.8em;
    font-weight: normal;
    color: rgb(142, 142, 142);
    display: block;
}

.iiif-gallery-manifest-label {
    max-width: 300px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
}

.gallery-expanded .iiif-gallery-manifest-label {
    display: none;
}

.iiif-canvas-links-panel {
    margin-bottom: 10px;
}

.iiif-canvas-links-panel a {
    font-size: 1.2rem;
    color: #4682b4;
    margin-right: 5px;
    font-weight: 600;
    cursor: pointer;
}

.iiif-canvas-links-panel a:hover {
    color: #12548A;
}

.iiif-image-tools {
    padding: 10px;
    color: rgb(30, 63, 94);
    font-size: 0.9em;
}

.iiif-image-tool-slider {
    padding-bottom: 10px;
}

.iiif-image-tool-slider-wrap {
    margin: 0 20px;
}

.iiif-image-tool-value {
    padding: 0 20px;
    color: #777;
}

.iiif-image-tool-slider .toggle-container {
    padding: 5px;
}

.iiif-image-tool-slider .arches-toggle-sm {
    cursor: pointer;
    margin-top: -19px;
}

.manifest-editor {
    padding-bottom: 10px;
    width: 100%;
    padding-left: 20px;
    margin: 20px;

    .install-buttons {
        display: flex;
        flex-wrap: wrap;
    }
}

.gallery-expanded .manifest-editor {
    margin-left: -10px;
    margin-top: 20px;
}

.manifest-details+.manifest-editor {
    margin: 20px;
}

.manifest-editor-loading,
.manifest-editor-error {
    display: inline-block;
    padding-left: 10px;
}

.gallery-expanded .manifest-editor-loading {
    margin-top: 25px;
}

.manifest-editor-input {
    margin-bottom: 10px;
}

.manifest-editor-error {
    color: red;
}

.chart {
    margin-right: 105px;
    margin-left: 20px;
    margin-top: 20px;
}

.style-tools-collapser {
    cursor: pointer;
    padding: 5px;
    font-size: 0.9em;
}

.style-tools-panel {
    background: #fbfbfb;
    border: 1px solid #ddd;
    padding: 15px 15px 5px 5px;
    margin-bottom: 5px;
    border-radius: 2px;
}

.style-tools-color-visualizer {
    border: 1px solid #000;
}

.leaflet-popup-content-wrapper {
    border-radius: 3px;
    padding: 0;
}

.leaflet-popup-content {
    margin: 0;
}

.map-coordinate-editor {
    margin-top: 5px;
}

.map-coordinate-editor-crs-selector {
    margin-top: 10px;
    background: #fff;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.map-coordinate-editor-crs-selector dt,
.map-coordinate-editor-crs-selector select {
    display: block;
    float: left;
}

.map-coordinate-editor-crs-selector dt {
    width: 150px;
    padding: 5px;
    margin-top: 2px;
    font-weight: 500;
}

.map-coordinate-editor-list {
    padding-top: 5px;
    padding-left: 5px;
    overflow-y: auto;
}

.map-coordinate-editor-list a:focus i {
    color: #579ddb;
}

.map-coordinate-editor-pair {
    padding: 0px 0;
}

.map-coordinate-editor-pair input {
    margin: 0 5px;
    padding: 5px;
    width: 130px;
    display: inline-block;
}

.coordinate-entry-label {
    display: inline-block;
    color: #888;
    width: 15px;
    text-align: right;
}

.map-coordinate-editor hr {
    margin: 10px 4px 5px;
}

.map-coordinate-editor .map-coordinate-editor-pair hr {
    margin: 5px 0;
}

.map-coordinate-editor-drag-handler {
    cursor: grab;
    font-size: 1.6rem;
}

.map-coordinate-editor-pair.ui-sortable-helper,
.map-coordinate-editor-pair.ui-sortable-helper .map-coordinate-editor-drag-handler {
    cursor: grabbing;
}

.map-coordinate-editor-header {
    background: #fff;
    padding: 6px 0;
    font-size: 1.2em;
    width: 370px;
}

.map-coordinate-editor-pair.map-coordinate-editor-new-coordinates {
    padding: 5px 0px 5px 4px;
}

.map-coordinate-editor-button-container {
    display: inline-flex;
    background: #fff;
    width: 400px;
    padding: 10px 5px;
}

.add-buffer-as-new-label {
    display: inline-block;
    position: relative;
    top: -12px;
    left: 5px;
}

.add-buffer-feature-header {
    padding: 6px 0;
    font-size: 1.2em;
}

.add-buffer-feature-input {
    padding: 5px 0;
}

.related-resources-filter {
    height: 100%;
}

.related-resources-graph-workbench {
    $sidebar-width: 400px;
    $controls-height: 36px;
    $controls-top: 10px;
    $icons-grey: #999;
    $controls-grey: #ddd;
    $controls-border: 1px solid $controls-grey;
    $controls-background: #f9f9f9;
    $controls-right: 10px;
    $accent-color: #9b97e3;
    $highlight-color: #2a446a;

    background: #fff;
    border-top: none;

    .related-resources-graph-cytoscape {
        height: 100%;
    }
    .workbench-card-container-sidepanel-active {
        padding-right: $sidebar-width;
    }
    .related-resources-graph-controls,
    .related-resources-graph-controls-instructions {
        z-index: 1000;
        position: absolute;
        right: $controls-right;
    }
    .workbench-card-container-sidepanel-active .related-resources-graph-controls,
    .workbench-card-container-sidepanel-active .related-resources-graph-controls-instructions {
        padding-right: $sidebar-width;
    }
    .related-resources-graph-controls {
        top: $controls-top;
        height: $controls-height;
        span {
            border: $controls-border;
            cursor: pointer;
            border-right: none;
            display: block;
            float: left;
            width: $controls-height - 2;
            height: $controls-height - 2;
            box-sizing: border-box;
            position: relative;
            color: $icons-grey;
            background-color: $controls-background;
        }
        span.active-graph-control {
            color: #2a446a;
            background-color: lighten($controls-background, 15%);
        }
        span:hover {
            background-color: lighten($controls-background, 8%);
            color: $highlight-color;
        }
        span:first-child {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }
        span:last-child {
            border-right: $controls-border;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }
        span:before {
            position: absolute;
            margin: 8px 0;
            font-size: 1.2em;
            display: block;
            width: 100%;
            text-align: center;
        }
    }
    .related-resources-graph-controls-instructions {
        background-color: rgba(256, 256, 256, 0.9);
        padding: 3px;
        border-radius: 3px;
        color: $accent-color;
        font-weight: 500;
        margin-top: 2px;
        top: $controls-height + $controls-top;
    }
    .edge-node-information {
        position: relative;
        display: flex;
        .edge-node-graph-color {
            width: 50px;
            height: 50px;
            border-radius: 100%;
            border: solid black 1px;
            margin: 5px 10px;
        }
        .edge-node-title {
            min-height: 70px;
            padding: 4px 0;
            .edge-node-display-name {
                color: #213e5f;
                cursor: pointer;
                font-size: 1.4rem;
                font-weight: 550;
                line-height: 1.4;
            }
            .edge-node-graph-name {
                font-size: 1.3rem;
            }
            .edge-node-links {
                margin-top: 0px;
                span {
                    cursor: pointer;
                    color: steelblue;
                    display: inline-block;
                    font-size: 1.4rem;
                    i {
                        padding-right: 4px;
                    }
                }
                span:hover {
                    color: #03162B;
                }
            }
        }
    }
    .edge-node-information.element-hover .edge-node-display-name {
        color: darken(#213e5f, 100%);
    }
    .related-resource-graph-information-content {
        height: 100%;
        padding: 16px;
        .edge-relationship-information {
            $edge-label-height: 150px;
            position: relative;
            .edge-relationship-arrow {
                display: inline-block;
                position: absolute;
                margin-left: 14px;
                div {
                    position: relative;
                    background: #aaa;
                    width: 2px;
                    margin-left: 20px;
                    height: $edge-label-height - 10;
                }
                div:before {
                    content: "";
                    position: absolute;
                    width: 0px;
                    height: 0px;
                    border: 5px solid transparent;
                    bottom: -15px;
                    border-top: 15px solid #aaa;
                    left: -4px;
                }
            }
            .edge-relationship-details {
                height: $edge-label-height;
                margin-left: 74px;
                border: 1px solid #ddd;
                margin-bottom: 5px;
                .edge-relationship-prefix,
                .edge-relationship-sufix {
                    padding: 10px;
                    background-color: #f8f8f8;
                }
                .edge-relationship-label {
                    height: 72px;
                    color: #213e5f;
                    font-size: 1.4rem;
                    padding: 25px 0;
                    text-align: center;
                    border-bottom: 1px solid #ddd;
                    border-top: 1px solid #ddd;
                }
            }
        }
        .edge-relationship-information.element-hover .edge-relationship-label {
            font-weight: 400;
        }
    }
    .legend-listing {
        cursor: default;
        .edge-node-information {
            .edge-node-title {
                padding: 24px 0;
                .edge-node-display-name {
                    cursor: default;
                }
            }
        }
    }
    .legend-listing.related-resource-legend {
        padding: 8px 0px 0px 0px;
    }
    .edge-node-information.node-display-name-header {
        .edge-node-title {
            padding: 4px 0;
        }
    }
    .relationships-list-header {
        padding: 10px 0px 2px 0px;
        color: #213e5f;
        font-size: 1.4rem;
        font-weight: 550;
        line-height: 0.9;
    }
    .relationships-list {
        height: calc(100% - 185px);
        // border: 1px solid rgb(221, 221, 221);
        overflow-y: auto;
        .relationships-list-item {
            border-top: 1px solid #e9e9e9;
            border-left: 1px solid #e9e9e9;
            border-right: 1px solid #e9e9e9;
            padding: 8px;
            font-size: 1.1em;
            .relationships-list-item-type {
                font-size: 1.3rem;
                color: #777;
                cursor: pointer;
            }
            .relationships-list-item-type:hover {
                color: darken(rgb(29, 61, 116), 100%);
            }
            .relationships-list-icon {
                padding-left: 5px;
            }
            .relationships-list-item-name {
                padding-left: 5px;
                font-size: 1.3rem;
                cursor: pointer;
                span {
                    color: darken($accent-color, 20%);
                }
                span:hover {
                    color: darken($accent-color, 80%);
                }
            }
            .relationships-list-item-type.element-hover {
                color: darken($accent-color, 40%)
            }
            .relationships-list-item-name.element-hover {
                color: darken($accent-color, 40%)
            }
            &:last-child{
                border-bottom: 1px solid #e9e9e9;
            }
        }
        .relationships-list-item:nth-of-type(odd) {
            background-color: rgb(246, 250, 254);
        }
    }
    .relationships-list-count {
        color: rgb(120, 120, 120);
        font-size: 1.3rem;
        padding: 0 0 5px 0;
        margin-top: -2px;
        a {
            color: steelblue;
            padding-left: 5px;
        }
        a:hover {
            color: darken($accent-color, 50%);
        }
        shim {
            margin-top: -2px;
        }
    }
    .related-resources-search-body {
        padding: 16px;
        height: 100%;
    }
    .related-reasources-search-container {
        position: relative;
    }
    .related-reasources-search-list {
        height: calc(100% - 110px);
        margin-top: 5px;
        border: solid 1px #ddd;
        overflow-y: auto;
        .edge-node-information {
            border-bottom: 1px solid #ddd;
            padding-top: 5px;
        }
        .edge-node-information.element-hover {
            background-color: #f9f9f9;
        }
    }
}

.rr-viewer-selector {
    background: #ddd;
}

.rr-viewer-selector-title {
    min-width: 200px;
    text-align: center;
    font-size: 1.3rem;
    padding: 9px 15px;
    color: #666;
    background: #fff;
    display: table-cell;
    border-right: 1px solid #BBD1EA;
}

.rr-viewer-selector-title.selected {
    color: #25476A;
    cursor: default;
}

.rr-viewer-selector-title.disabled {
    cursor: pointer;
    background: #F7F9FB;
    border-bottom: 1px solid #BBD1EA;
}

.rr-viewer-selector-title.disabled:hover {
    cursor: pointer;
    background: #bbb;
}

.jstree-container-ul {
    .filtered {
        font-weight: 600;
        color: #fff;
        background: #3acaa1;
        span, i {
            color: #fff;
        }
    }
}

@keyframes loader {
    0% {
        background: #ddd;
    }

    33% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
    }

    66% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
    }
}

@media (min-width: 992px) {
    #page-content {
        padding: 15px 15px 25px;
    }

    .rp-report-tile {
        padding-left: 0px;
    }

    .dl-horizontal dd {
        padding-right: 20px;
        margin: 0px;
    }

    .dl-horizontal dt {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre-wrap;
        padding: 0 20px;
    }

    .dl-horizontal dt a {
        font-weight: 600;
    }

    .rp-no-data {
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

@media (min-width: 1366px) {

    .dl-horizontal dt {
        margin-bottom: 0px;
        display: flex;
        flex-direction: row-reverse;
    }

    .dl-horizontal dd {
        padding: 0 20px;
        margin: 0px;
        word-break: break-word;
    }

    .rp-report-section-title {
        padding: 0 60px;
    }

    .rp-no-data {
        margin-left: 0px;
        color: #888;
    }

    .report-related-resources .rp-card-section{
        margin-left: 50px;
        div div .dl-horizontal {
            dt {
                width: 500px;
            }

            dd {
                padding-right: 20px;
                margin-left: 520px;
                word-break: break-word;
            }
        }
    }
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        white-space: pre-wrap;
        padding: 5px 20px;
        float: unset;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .rp-card-section
    {
        .rp-card-section {
            margin: 0;
        }
        .rp-report-tile {
            .dl-horizontal {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                margin: 10px 6px;

                .rp-no-data {
                    color: #888;
                    position: relative;
                    top: -30px;
                }
                dd {
                    margin: 0;
                }
            }
        }
    }
}

@media screen and (max-width: 768px) {
    #content-container {
        padding-top: 50px !important;
    }

    #navbar {
        width: 100%;
    }

    .resource-grid-main-container {
        height: 130px;
    }

    .resource-grid-tools-container {
        top: 70px;
        left: 70px;
    }

    .rp-report-tile dd {
        padding-left: 8px;
    }

}

@media screen and (max-width: 500px) {
    .resource-grid-subtitle {
        width: 300px;
    }
}

@media print {

    header,
    nav,
    footer,
    button,
    aside,
    .print-btn,
    .ep-tools,
    .geocode-container,
    .geometry-tools-container,
    .geometry-editing-notifications,
    #map-widget-container>.map-widget-container {
        display: none;
    }

    #content-container {
        padding: 0 !important;
    }

    .scroll-y {
        height: auto;
    }

    dt {
        text-decoration: underline;
        font-weight: bold;
        color: #808080 !important;
    }

    dd {
        margin-left: 2px;
    }

    a[href]:after {
        content: none;
    }

    .dl-horizontal dd {
        margin: 0px;
        padding-right: 100px;
        word-break: break-word;
    }

    .dl-horizontal dt {
        width: 260px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: unset;
    }

    .rp-report-section {
        border-bottom: 1px solid rgba(128, 128, 128, 0.5);
    }

    .mapboxgl-map {
        display: none;
    }

    .print-map {
        display: block;
        width: 100%;
        height: 100%;
    }

    .print-hide {
        display: none;
        height: 0;
    }

    .resource-report-abstract-container {
        height: auto !important;
    }

    .rp-card-section .rp-report-tile .dl-horizontal {
        display: block;

        dt {
            padding: 5px 0px;
            text-align: start;
        }

        dd {
            margin: 0px 20px;
            padding: 0px;
        }
    }

    .tabbed-report-tab-list {
        display: none;
    }

}

.report-toolbar-preview {
    .ep-form-toolbar-tools {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .report-print-date {
        margin: 0;

        .toggle-container {
            flex-direction: row;
            margin: 0;
            padding: 0px;
            padding-top: 5px;

            &>div {
                display: flex;
                flex-direction: row;
            }

            .arches-toggle-sm {
                margin: 0;
            }

            .arches-toggle-subtitle {
                margin-left: 0;
                padding-right: 0;
            }
        }
    }

}

.etl-manager-tabs {
    background: #F7F9FB;
    height: 45px;
    border-bottom: 1px solid #ddd;
}

.etl-manager-tab {
    min-width: 150px;
    padding: 12px 20px;
    border: 1px solid #BBD1EA;
    border-top: none;
    background: #F7F9FB;
    font-size: 13pt;
    display: inline-block;
    text-align: center;
    margin-right: -5px;
}

.etl-manager-tab:hover {
    cursor: pointer;
}

.etl-manager-tab.disabled {
    background-color: #f2f2f2;
    color: grey;
    cursor: default;
    pointer-events: none;
}

.etl-manager-tab.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.etl-manager-filter-container {
    margin: 25px 50px 0px 50px;
}

.etl-manager-filter-button {
    min-width: 150px;
    padding: 12px 20px;
    border: 1px solid #BBD1EA;
    background: #F7F9FB;
    font-size: 1.4rem;
    height: 45px;
    display: inline-block;
    text-align: center;
    margin-right: -5px;
}

.etl-manager-filter-button:hover {
    cursor: pointer;
}

.etl-manager-filter-button.active {
    background-color: #fff;
    font-weight: 600;
}

.etl-manager-filter-input {
    width: 100%;
    border: 1px solid #BBD1EA;
    border-radius: 1px;
    font-size: 1.2rem;
    height: 36px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
}

.etl-manager-filter-input.etl-model-filter {
    width: 350px;
    height: 45px;
}

.etl-manager-status-filter-container {
    padding: 20px 10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}

.etl-module-component-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: initial;
}

.etl-module-body {
    padding: 15px 45px;
    width: 100%;
    flex: 1 1 0px;
    overflow: auto;
}

.etl-module-body h2 {
    font-size: 1.7rem;
    color: #565656;
    font-weight: 400;
    margin-bottom: 5px;
}

.etl-module-body p {
    font-size: 1.4rem;
    color: #999;
    font-weight: 400;
}

.etl-module-body section h3, .etl-module-subtitle {
    font-size: 1.5rem;
    color: #565656;
    font-weight: normal;
    margin: 10px 0px 5px 0px;
}

.etl-module-body section .switch-small {
    margin: 0px 8px 3px;
}

.etl-module-body section .etl-module-component-block {
    padding-bottom: 15px;
}

.etl-module-component-block .form-check {
    padding: 5px 0px 0px 5px;
}

.etl-module-component-block label {
    margin-bottom: 0px;
}

.etl-module-body p.pad-btm {
    padding-bottom: 5px;
}


.etl-module-status {
    border-right: 1px solid rgba(0,0,0,0.14);
    width: 446px;
}

.etl-module-status-container {
    height: calc(100vh - 95px);
    display: flex;
    flex-direction: column;
    align-content: space-around;
    width: auto;
}

.etl-jobs-container {
    background: #f9f9f9;
    height: calc(100vh - 225px);
    overflow: scroll;
}

.etl-job {
    margin: 10px 15px 10px 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: block;
    background: #fff;
}

.etl-job.selected {
    border: 1px solid rgb(56, 110, 178);
}

.etl-job-task-bar {
    background: #eee;
    display: flex;
    justify-content: space-between;
    height: 40px;
    border-top: 1px solid #ddd;
}

.etl-job-task-bar .task {
    padding: 10px;
}

.etl-job-task-bar .task a{
    padding: 7px;
    text-decoration: none;
    color: steelblue;
    cursor: pointer;
}

.etl-job-task-bar .task a:hover{
    background: rgba(156, 195, 228, 0.35);
    border: 1px solid #6AA0CC;
    padding: 6px;
    border-radius: 1px;
}

.etl-job-task-bar .status {
    float: right;
    padding: 3px;
}


.etl-job .btn-success, .btn-success:hover{
    background: #00ca4e;
    border-color: #00ca4e;
}

.etl-job .btn-warning, .btn-warning:hover{
    background: #ffbd44;
    border-color: #ffbd44;
}

.etl-job .btn-danger, .btn-danger:hover{
    background: #ff605c;
    border-color: #ff605c;
}

.etl-module-preview {
    height: calc(100vh - 95px);
    width: calc(100vw - 490px);
    padding: 20px 25px;
    overflow: scroll;
    background: #fbfbfb;
}

.etl-module-info h4 {
    margin-bottom: 5px;
}

.etl-module-component.etl-module-status {
    width: 400px;
}

.etl-module-component {
    padding-top: 0px;
    padding-bottom: 5px;
}

.etl-module-footer .btn, .etl-module-component .btn {
    border-radius: 2px;
    margin-right: 20px;
    min-width: 100px;
}

.etl-loading-metadata-key {
    font-size: 1.5rem;
    padding-right: 3px;
    color: #777;
}

.etl-loading-metadata-value {
    font-size: 1.5rem;
    padding-right: 3px;
    color: rgb(4, 4, 45);
}

.etl-preview {
    padding-top: 10px;
    padding-bottom: 15px;
}

.etl-preview h3 {
    padding-top: 0px;
    padding-bottom: 5px;
    color: #454545;
}

.etl-status-link {
    color: steelblue;
    cursor: pointer;
}

section .etl-preview table {
    padding-top: 5px;
}

.etl-from-to {
    display: inline-block;
    width: 240px;
}

.csv-import-options {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.csv-import-options .toggle-container{
    padding-bottom: 0px;    
}

.csv-mapping-table-container {
    overflow: auto;
    width: calc(100vw - 100px);
    margin-top: 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(0,0,0,0.14);
}

.csv-mapping-table-container .chosen-drop .chosen-results {
    max-height: 180px;
}

.csv-mapping-table {
    margin-bottom: 0;
}

table.csv-mapping-table thead tr {
    background: #f3f3f3;
    border-bottom: 1px solid #ddd;
}

table.csv-mapping-table thead {
    background: #f3f3f3;
    border-bottom: 1px solid #ddd;
}

table.csv-mapping-table thead tr.column-names {
    background: #fff;
}

table.csv-mapping-table thead th {
    border-bottom: 1px solid #ddd;
}

table.csv-mapping-table th {
    min-width: 200px;
    border-right: 1px solid #ddd;
}

table.csv-mapping-table td {
    vertical-align: text-top;
    border-right: 1px solid #ddd;
}

.notif-table th{
    text-align: start;
}


.permissions-options {
    display: flex;
    flex-direction: row;

    div {
        flex: 1;
        align-items: center;
        display: flex;
    }

    .form-checkbox.form-normal:before,.form-radio.form-normal:before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background-color: transparent;
        border: 1px solid #c3cedb;
        border-radius: 0;
        left: 0;
        margin: 0 3px;
    }

    .form-checkbox>input[type="checkbox"], .form-radio>input[type="radio"]{
        display: none;
    }

    label.form-checkbox.form-normal span{
        width: auto;
    }
}