:root {
  --focus-color: lightblue;
  --primary-action-color: #306EF3;
  
}

html {
    height: 100%;
}

body {
    height: 100%;
    padding-top: 61px;
    padding-bottom: 120px;
}

@media (min-width: 1200px) {
    .container{
        max-width: 1185px;
    }

    .cust-col-8{
        max-width: 12.5%;
    }
}

@media (max-width: 800px ) {
    .m-top-xs-5 { margin-top: 5px; }
    .m-top-xs-10 { margin-top: 10px; }
    .m-top-xs-15 { margin-top: 15px; }

    .m-left-xs-0 { margin-left: 0px; }
    .text-left-xs { text-align: left; }
    .width-auto-xs { width : auto; }

    .navbar-collapse.collapse.show{
        max-height: 85vh;
        overflow-y: auto;
    }
}

@media (max-width: 992px) {
    .m-top-sm-10 { margin-top: 10px; }
    .m-left-sm-0 { margin-left: 0px; }
    
    .navbar-brand {
        margin-right : 0px;
    }

    .carousel.slide .home-search {
        width: auto;
    }

    .homepage-edit-mode {
        display: inline-flex;
    }

    .project-asset-count{
        display: none;
    }

    .applied-search-facets{
        margin-top: 5px;
    }

    .slick-prev{
        left: 0px;
    }

    .slick-next{
        right: 0px;
    }

    #project-page-header{
        display: inline!important;
    }

    #project-page-header .inline-title{
        display: block;
    }

    #project-controls{
        display: flex;
    }

    #project-select-form-actions{
        display: inline!important;
    }

    #project-select-form-actions #collection-sort{
        margin-top: 5px;
    }

    #searchResultsNavigationContainer{
        display: inline!important;
    }

    #searchActionsContainer{
        display: inline!important;
    }

    #searchActionsContainer > *{
        margin-top: 2px;
        margin-bottom: 2px;
    }

}

.navbar {
    padding: 0.5rem 1rem !important;
    background-color: #f8f8f8;
    border-bottom : 1px solid #e7e7e7;
}

nav.navbar.navbar-expand-lg.fixed-top .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.overflow-x-auto {
    overflow-x : auto;
}

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

#navbar li a,
#navbar .nav-link a,
#navbar li a.dropdown-item,
#navbar li button.dropdown-item {
    padding-left:15px;
    padding-right:15px;
    border-radius:5px;
}

#navbar li a:hover:not(.dropdown-item,.upload-btn-header),
#navbar .nav-link a:hover:not(.dropdown-item,.upload-btn-header) {
    background-color : rgba(255,255,255,0.1)!important;
}

#navbar li a:not(.dropdown-item),
#navbar .nav-link a:not(.dropdown-item) {
    color : #f8f9fa;
}


#navbar li a.dropdown-item:active,
#navbar li button.dropdown-item:active {
    color: #fff;
}

#navbar a .fa-cogs {
    color : white;
}

#navbar ul.nav li {
    padding-top: 10px;
    padding-bottom: 5px;
}

#navbar ul.nav li.divider {
    padding: 0px;
}

nav .navbar-brand{
    height: auto;
}

nav .navbar-brand > img {
    max-height : 40px;
}

#navbar-aetopia-logo {
    height:2em;
}

a#upload-hdr.upload-btn-header {
    margin-top:9px;
    padding:0px;
}

a#upload-hdr, button#upload-hdr-dropdown, .profile-initials {
    background-color: var(--primary-action-color);
    border-color: var(--primary-action-color);
}

ul.nav.navbar-nav.navbar-right {
    line-height: 50px;
}

.block {
    display : block;
}

.wrapper {
    padding-top: 15px;
    padding-bottom: 120px;
}

main.wrapper {
    padding-top : 0px;
    /* padding-bottom: 0px; */
}

#profile-menu ul.dropdown-menu {
    background-color : white;
    border-bottom : 1px solid #e7e7e7;
}

#profile-menu ul.dropdown-menu form button[type="submit"]{
    background : none;
}

/* Local Font Overrides */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: local('Glyphicons Halflings')
}

@font-face {
    font-family: 'FontAwesome';
    src: local('FontAwesome')
}

/*! Appears in bootstrap-3.2.0.css rather than the current 3.0.3 */
@media ( min-width : 992px) {
    .modal-lg {
        width: 900px;
    }
}

.modal {
  --bs-modal-zindex: 1051;
}

.hdr-action {
    display: inline-block;
}

#annoResolvedContainer .popover {
    max-width: 100%;
    width: 500px;
}

a {
    color: #2f71ab;
}

a:hover, a:visited, a:link, a:active {
    text-decoration : none;
}

/** NG-animate **/
.ng-hide-add, .ng-hide-remove {
    /* ensure visibility during the transition */
    display: block !important; /* yes, important */
}

.cssFade {
    transition: 0.5s linear all;
    opacity: 1;
}

.cssFade.ng-hide {
    opacity: 0;
}

.noselection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

/** Glyphonicon styles.  **/
.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@
-moz-keyframes spin { 0% {
    -moz-transform: rotate(0deg);
}

100%
{
-moz-transform
:
 
rotate
(359deg);

  
}
}
@
-webkit-keyframes spin { 0% {
    -webkit-transform: rotate(0deg);
}

100%
{
-webkit-transform
:
 
rotate
(359deg);

  
}
}
@
-o-keyframes spin { 0% {
    -o-transform: rotate(0deg);
}

100%
{
-o-transform
:
 
rotate
(359deg);

  
}
}
@
keyframes spin { 0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

100%
{
-webkit-transform
:
 
rotate
(359deg);

    
transform
:
 
rotate
(359deg);

  
}
}
.gly-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.gly-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.gly-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.gly-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.gly-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.carousel-caption {
    background: rgba(0, 0, 0, .8);
    font-size: 10px;
    text-align: left;
    text-shadow: none;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 5px;
}

.cut-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.select-row .popover {
    width: 170px;
    height: 26px;
    background: black;
}

.select-row .popover.right .arrow:after {
    border-right-color: black;
}

.select-row .popover .popover-content {
    padding: 0px;
}

.extra-bottom-padding {
    margin-bottom: 20px;
}

tr.allowed .icheckbox_square-green, tr.allowed .iradio_square-green {
    background-image: url("/public/images/square_green@2x-1a593f0f837523964ef05627582798b2.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
}

tr.denied .icheckbox_square-green, tr.denied .iradio_square-green {
    background-image: url("/public/images/square_red@2x-1b5b519c987150367abf98c39bda975c.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
}

.form-container form {
    width: 100%;
}

.form-container .form-control-static {
    text-align: right;
}

.form-container .form-control-static button {
    margin-left: 20px;
}

.inline-field {
    display: inline-flex;
    width: 100%;
}

.inline-field input {
    flex-grow: 1;
}

.inline-field button {
    margin-left: 5px;
}

td i.row-icon {
    color: #ababab;
}

.entity-lock-icon {
    color: #ababab;
}

#clips .control-label {
    padding-left: 0px;
    padding-right: 0px;
}

button.btn:focus {
    outline: 0;
}

/* Permissions */
div#user-group-search input#searchInpt {
    background : none;
    width: 300px;
}

span.remove-row {
    color: indianred;
}

div#user-group-search i.form-control-feedback, i.perm-icon {
    color: #ababab;
}

div#user-group-search .tt-suggestion:hover {
    background-color: #337ab7;
}

.check-column {
    text-align: center;
}

span.remove-row:hover {
    cursor: pointer;
}

.status-message {
    position: fixed;
    display: none;
    left: 0px;
    width: 50%;
    margin-left: 25%;
}

.status-message button:focus {
    outline: 0;
}

#accept-cookies-prompt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    background: slategrey;
    color: white;
    padding: 15px;
}

#filter-form a {
    color: #000000;
}

#filter-form>div {
    margin-top: 10px;
}

#accept-cookies-prompt a {
    color: white;
}

#accept-cookies-btn {
    cursor: pointer;
}

.glyphicon.disabled, .glyphicon[disabled], .disabled>.glyphicon, [disabled]>.glyphicon
    {
    opacity: 0.5;
    cursor: default;
}

.d3Chart {
    margin: auto;
    display: block;
}

#asset-bar-chart path {
    stroke-width: 2;
    fill: none;
}

#asset-bar-chart .fileSizeLine {
    stroke: steelblue;
}

#asset-bar-chart .axis path, #asset-bar-chart .axis line {
    fill: none;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

#asset-bar-chart .bar {
    stroke: darkgrey;
    fill: lightgrey;
}

#asset-bar-chart .xAxis {
    stroke: grey;
    fill: lightgrey;
}

#asset-bar-chart .xLabel {
    fill: grey;
}

#asset-bar-chart .countAxis {
    stroke: grey;
}

#asset-bar-chart .countAxisLabel {
    fill: grey;
    font-size: 16px;
}

#asset-bar-chart .fileSizeAxis {
    stroke: steelblue;
}

#asset-bar-chart .fileSizeAxisLabel {
    fill: steelblue;
}

.d3ChartToolTip {
    line-height: 1;
    padding: 5px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border-radius: 2px;
}

.inline-title {
    display: inline-block;
    max-width: 700px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inline-title i {
    color: #ababab;
}

/* Lightbox */
.lightboxNotes .card {
    margin: 0px;
}

.lightboxNotes .empty {
    text-align: center;
}

ul.dropdown-menu  li button, ul.dropdown-menu  li input, ul.dropdown-menu  li a
    {
    border: 0px;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    text-align: left;
    width: 100%;
}

ul.dropdown-menu  li button:focus, ul.dropdown-menu  li input:focus,
    .dropdown button:focus {
    outline: 0;
}

ul.dropdown-menu  li button:hover, ul.dropdown-menu  li input:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}

.collection-actions .resultsCount {
    padding-left: 5px;
    white-space: nowrap;
}

.lighboxControl {
    max-width: 250px;
}

.lighboxControl ul li>* {
    width: 100%;
}

#select-toggle li {
    cursor: pointer;
}

.lighboxControl button>* {
    display: block;
}

#addToLightboxGroup .dropdown-menu.dropdown-menu-right {
    max-width : 275px;
}

button#addToDefaultLightbox > .cut-text {
    display : block;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
    .x-ng-cloak {
    display: none !important;
}

.status-text .message {
    padding-right: 5px;
}

.status-text {
    padding-right: 10px;
}

.facet-total {
    margin-top: 1px;
    color: #9c9c9c;
}

a.facet-pill>span {
    padding: 2px 4px;
    margin-right: 5px;
}

a.facet-pill:hover {
    text-decoration: none;
}

#filter-form .checkbox {
    margin-top:0px;
}
#filter-form .checkbox:last-child {
    margin-bottom: 0px;
}

#filter-form #facets {
    margin-top: 10px;
    padding: 10px 20px;
}

.card-heading {
    font-weight: 500;
}

.card-heading .medium-title {
    margin: 0px;
}

.medium-title {
    font-size: 18px;
}

.large-title {
    font-size: 24px;
}

.title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    display: block;
}

.modal-field>span.selected-label {
    display: block;
}

.alert.alert-info a {
    color: inherit;
    text-decoration: underline;
}

.table.table-report tbody td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.submit-modifier {
    padding: 5px;
    margin-right: 10px;
}

.shuttleList {
    width: 100%;
    padding: 5px;
}

.shuttleList>optgroup {
    padding: 2px;
    color: darkgray;
    font-weight: normal
}

.shuttleList option {
    color: black;
}

#availableList {
    height: 200px;
}

#selectedList {
    height: 200px;
}

#availableListLong {
    height: 350px;
}

#selectedListLong {
    height: 350px;
}

.buttonList {
    /* padding: 0px; */
    margin-top: 20px;
    /* margin-left: 20px; */
    list-style-type: none;
    padding-left: 0px;
    text-align: center;
}
    
.buttonList>li>button {
    width: 75%;
}

.checkboxList>div>label {
    padding-left: 5px;
    padding-right: 15px;
}

.checkboxList>div>input[type="checkbox"] {
    margin-right: 5px;
}

input[type="date"].requiredDate.ng-empty {
    border-color: red;
}

input.ng-invalid.formError, input.formError {
    border-color: red;
}

.timepicker-picker>.table-condensed>tbody>tr>td.separator:after {
    box-shadow: none;
}

#lightbox-tabs ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

.nav-tabs a i {
    color:#ababab;
    padding-right:5px;
}

.nav-tabs .nav-link {
    color : var(--main-text-color)
}

.projectListIcons {
    color:#ababab;
    padding-left:5px;
}

.webui-popover {
    max-width:500px;
    width:auto;
}

.cursor-pointer {
    cursor: pointer;
}

#starred-count {
    border-radius: 10px !important;
}

.exif-link {
    cursor : pointer;
}

.text-muted {
    color: #757575;
}

button.navbar-toggle {
    margin-top : 15px;
}

#variant-dropdown {
    white-space:normal;
}

.asset-action-bar > * {
    margin-top : 10px;
    display : inline-block;
}

.asset-action-bar {
    margin-bottom : 15px;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.no-margin {
    margin: 0px;
}

.w-15 {
    width : 15%;
}

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

body.print {
    padding : 0px;
    margin : 0px;
    width :100%;
    height :100%;
}

.entity-list-element:hover {
    background : #fafafa;
}

.search-page .project-banner .entity-list-element:hover {
    background : inherit;
}

.search-page .project-banner .entity-list-item-body {
    border : none;
}

.entity-list-item-container {
    display: flex; 
    flex-direction: row;
    padding : 0px 16px;
}

.entity-list-thumbnail-link {
    margin: 8px 0px; 
    margin-right: 20px; 
    background-color : #efefef; 
    display:block;
}

.entity-list-thumbnail-link a {
    display : block;
}

.entity-list-thumbnail-link .entity-preview-wrap {
    max-width:100px; 
    height:56px; 
    min-width:100px; 
    min-height:56px; 
    margin: 16px 0px;
}

.entity-list-item-body {
    flex:1; 
    display:flex; 
    padding:16px 0px; 
    border-bottom: 1px solid #efefef; 
    min-width:0px;
    justify-content: center;
    align-items: center;
}

.entity-list-item-body .project-summary {
    flex:1; 
    min-width:0px;
}

.entity-metric-wrap {
    min-width:130px;
}

.entity-preview-wrap img {
    height : 56px;
    width : 100px;
}

.entity-preview-wrap span.cell {
    width : 100%;
}

.entity-metric {
    display:inline-block; 
    padding: 8px 8px;
}

.entity-metric > * {
    display:block;
}

#custom-download {
    display: inline-block;
}

#custom-download .input-group {
    width: 150px;
}

#custom-download .input-group .input-group-btn {
    border-left: 0px;
}

.download-warning {
    display: block;
    font-size: x-small;
    color: darkgrey;
}

#page-content-wrapper.projects > div > div {
    display : flex;
    flex-direction : row;
}

#page-content-wrapper.projects > div > div.no-results {
    flex-direction : column;
}

#projectSelectForm {
    flex : 1;
    min-width : 0px;
}

span.full-width {
    width : 100%;
}

.asset-collection-card .mtrl-card {
    display:flex;
    flex-direction:row; 
    align-items:center; 
    margin-top: 0px;
}

.asset-collection-card .mtrl-card .thumbnailContainer {
    width : 75px;
}

.asset-collection-card .asset-count {
    min-width:30px; 
    display: inline-block;
}

.asset-collection-card .mtrl-card .mtrl-card-content {
    flex:1;
    display:inline-block;
}

.table thead th {
    border : 0px;
}

.slick.muted button.slick-arrow.slick-prev:before, 
.slick.muted button.slick-arrow.slick-next:before {
    color: darkgray;
}

a:focus {
    outline: none;
}

.carousel .home-search {
    position: absolute;
    top: 45%;
    width: 66%;
}

#search-form .input-group.input-group-lg .twitter-typeahead {
    display : flex!important;
}

.carousel-item a {
    height:500px; 
    background-size: cover;
    background-position: center;
}

.row.entity-grid {
    margin-left : 0px;
}

.row.entity-grid > div[class*="col-"]  {
    padding-left : 0px;
}

.boxed {
    background-color: #222;
    color: #fff; 
    display: inline;
    padding: 0.5rem;
}

@media print {
    .overlay-scrim-container:before {
        display: none !important;
    }
}

.overlay-scrim-container:before {
    padding : 5px;
    text-align : left;
    color: white;
    content: "\f008";
    top: 0px;
    left: 0px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%,rgba(0,0,0,0) 100%);
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.overlay-scrim-container {
    position : relative;
    min-width : 1px;
    max-height : 100%;
}

.overlay-scrim-container video {
    max-width: 100%;
}

.preview-overlay-scrim {
    display : none;
}
 

.preview-overlay-scrim-container:hover .preview-overlay-scrim {
    display : unset;
}
 
.preview-overlay-scrim {
    padding : 10px;
    color: white;
    text-align : left;
    top: 0px;
    left: 0px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%,rgba(0,0,0,0) 100%);
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
}

.playlist-toggle {
    cursor: pointer;
    pointer-events: auto;
}

.playlist-toggle:before {
    cursor : pointer;
    content: "\f022";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.5em;
}

.preview-overlay-scrim-container {
    position : relative;
    min-width : 1px;
    max-height : 100%;
}

.preview-overlay-scrim-container video {
    max-width: 100%;
}


.card-body.text-center.asset-preview-panel-body {
    position : relative;
}

div.vjs-playlist {
    display : none;
    width: 300px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}

.btn-group.dropdown.show .btn-outline-secondary {
    color : #6c757d;
}

a.active-filter {
    background-color: #f5f5f5;
}

.copied-to-clipboard:before {
    content : "\f46c";
    margin-right : 10px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

button.copied-to-clipboard:before {
    margin-right: unset;
    content : "\f0c5";
}

.btn.far.fa-copy:focus {
  outline: none;
  box-shadow: none;
}

#copy-current-url{
    cursor: pointer;
}

span.copied-to-clipboard:before {
    content : "\f0c5";
    font-weight: 900;
}

.assetSelectScrollable {
    overflow-y: scroll;
    height: 800px;
}

.collection-actions {
    color : #6c757d;
}

.btn.btn-sm.btn-outline-secondary:not(:hover),
.btn.btn-sm.btn-outline-secondary[disabled]:hover {
    background-color : white;
    color : #6c757d;
}

.dropdown.show .btn.btn-sm.btn-outline-secondary:not(:hover) {
    color : #6c757d;
}

.btn-group.show .btn.btn-sm.btn-outline-secondary:hover {
    color : white;
}

.btn.btn-sm.btn-outline-secondary:not(:hover){
    background-color : white;
}

.list-group-item form.attachment-actions{
    visibility: hidden;
    padding-top: 10px;
}

.list-group-item:hover form.attachment-actions{
    visibility: visible;
}

form.attachment-actions .attachment-delete-icon:hover{
    color: red;
}

.admin-card-footer {
    background : white;
    padding : 10px;
}

.asset-thumbnail-xlarge {
    height:350px;
}
.search-results-list-header{
    font-size: 14px;
}
.search-results-list{
    font-size: 12px;
}
.search-results-list td, th {
    padding: 6px;
    border: 1px solid #dee2e6;
}
#content-wrapper {
    min-width: 0px;
}

.text-bg-primary.merged-badge {
    margin-right: -5px;
}

[v-cloak] {
    display:none;
}

#advancedsearch .btn, 
#advancedsearch .date-search-field, 
#advancedsearch .form-check, 
#advancedsearch .form-control {
}

#advancedsearch .form-check-label::before,
#advancedsearch .form-check-label::after {
    top: 0.15rem;
}

#asset-heading .entity-lock-icon {
    padding-right: 5px;
}

#clipTable .bg-light {
    border-left : 2px solid gray;
    background-color : #eaecef!important;
}

.login-body {
   color : #555;
}

.lb-reorder-list {
    width:100%;
    list-style-type:none;
    padding-left: 0px;
}

.lb-reorder-col {
    margin-top: auto;
    margin-bottom: auto;
}

.lb-reorder-row {
    cursor:grab;
}

.lb-reorder-control {
    padding-right:10px;
    opacity: 50%;
    cursor: pointer;
}

/* Project name suggestions */
#tt-info {
    padding-left: 20px;
    padding-right: 20px; 
}

.tt-suggestion.tt-cursor a,
.tt-suggestion.tt-selectable:hover a {
    color: #fff!important;
}

#project-table .row-actions {
    padding-top: 5px;
    padding-right: 10px;
}

#project-table .row-actions > span {
    padding-left: 10px;
    cursor: pointer;
}

#project-table .row-actions a:hover,
#project-table .row-actions a:visited{
    text-decoration: none;
}

.table-hover tbody tr:hover div.row-actions a > span.glyphicon,
.table-hover tbody tr:hover div.row-actions a > span.fa {
    color : #000000;
}

.table-hover tbody tr .row-actions a > .glyphicon,
.table-hover tbody tr .row-actions a > .fa {
    color : darkgray;
}

a.clear-filters.well.well-sm {
    color:white;
    background-color : #6c757d;
}

#otherActionsGroup .dropdown-menu .fa,
#otherActionsGroup .dropdown-menu .fa-solid,
#otherActionsGroup .dropdown-menu .glyphicon,
#otherActionsGroup .dropdown-menu .fas {
    padding-right : 10px;
}

.image-redaction {
  display: flex;
}

.image-redaction-asset {
  width: 875px;
  padding-right: 15px;
}

.image-redaction-variants {
  flex-grow: 1;
}

@media all and (max-width: 1300px) {
  .image-redaction {
    flex-wrap: wrap;
  }
  .image-redaction-asset {
    min-width: 100%;
    order: 1;
  }
  .image-redaction-variants {
    order: 2;
    min-width: 100%;
  }
}
.tui-image-editor-main-container{
}
.tui-image-editor-submenu{
    display: block !important;
}

#core-data-display a[aria-expanded="false"] > span.opened_text,
#core-data-display a[aria-expanded="true"] > span.closed_text {
    display : none;
}

#core-data-display a[aria-expanded="true"] > span.opened_text,
#core-data-display a[aria-expanded="false"] > span.closed_text {
    display : unset;
}

#task-nav .nav-link .badge.text-bg-info.align-top {
    border-radius: .25rem!important;
    background-color: white;
    color : black;
}

div.selectedTaskActions > a.btn {
    margin-bottom : 3px;
}

#advancedsearch .adv-integer input.form-control {
    border-color: #3b3b3b;
    border-left: none;
    height : 31px;
}

#advancedsearch .adv-integer .input-group-prepend {
    border-width: 1px;
    border-color: inherit;
    border-style: solid;
}

#advancedsearch .adv-integer .input-group-text {
    padding-top: 10%;
}

.metadata-text-field-multi-read-only {
    white-space: pre-wrap;
    max-height: 800px;
    overflow-y: auto;
    display: inline-block;
}

.select2-results__option.select2-results__option--highlighted .meta-select2-result .text-muted.small {
    color : white!important;
}

.meta.isReadOnly .select2-selection__clear {
    display : none;
}

#batch-edit #edit-form,
#batch-edit #confirmation-form {
    border-bottom : 1px solid rgb(222, 226, 230);
    border-left : 1px solid rgb(222, 226, 230);
    border-right : 1px solid rgb(222, 226, 230);
    overflow-y: scroll;
}

.meta-group-placeholder { 
    height : 100px;
}

#file-list-panel .serv-response .alert-link {
    color : #2b2b2b;
}

body.batch-layout, 
body.batch-layout .wrapper {
    padding-bottom : 45px
}

body.batch-layout #edit-form {
    overflow-y: scroll;
    flex-grow: 1;
}

body.batch-layout main > .container-fluid,
body.batch-layout main > .container-fluid > div,
body.batch-layout main, 
body.batch-layout .wrapper {
    height: 100%;
    max-height: 100%;
}

body.batch-layout .wrapper .container-fluid > div {
    display: flex;
    flex-direction: column;
}

body.batch-layout #batch-edit {
    flex-grow: 1;
    max-height: 100%;
}
body.batch-layout #batch-wrapper {
    height: 100%;
    max-height: 95%;
    display: flex;
    flex-direction: column;
}

.modal-open .container-fluid.timeoutBlur, .modal-open  .container.timeoutBlur {
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

#metadatatab.active.show {
    min-height: 500px;
    display : flex;
    flex-direction : column;
}

#metadatatab .tag-link {
    line-height : normal;
}

#metadatatab #confirmation-form {
    flex : 1;
}

.meta-def-placeholder {
    height : 20px;
}

.meta.isReadOnly input:not([type="checkbox"]){
    background : none;
}

.meta.isReadOnly input{
    color: rgb(108, 117, 125);
}

.meta.isReadOnly textarea{
    background : none;
    color: rgb(108, 117, 125);
}
#metadata-editor .group-name {
    font-size: 16px;
}
#metadata-editor .meta-field-label {
    font-size: 12.8px;
    font-weight: bold;
}
#metadata-editor .meta input,
#metadata-editor .meta textarea,
#metadata-editor .meta span.select2 {
    font-size: 12.8px;
}
#group-tabs #metadatatab .nav-tabs-custom {
    font-size: 16px;
}
.nav-link.group-tab-header{
    font-size: 11px;
}

#metadata-editor div.meta, #metadata-editor span.meta {
    display: flex;
    flex-wrap: wrap;
}
#metadata-editor div.meta.toggle>form-check>form-check-label,
#metadata-editor div.meta > label.meta-field-label,
#metadata-editor span.meta > label.meta-field-label {
    order: 1; 
    max-width: 22%;
}
#metadata-editor .meta-note.note-hidden {
    order: 2;
    max-width: 3%;
    margin-left: 5px;
    margin-top:-3px;
}
#metadata-editor .meta-field-content, 
#metadata-editor .meta.tagged-tree-field>.tagged-tree-field-value,
#metadata-editor .meta.tagged-select-field>span.select2-container,
#metadata-editor .meta.user-select-field>span.select2-container,
#metadata-editor .meta:is(.text-field, .date-field)>input,
#metadata-editor .meta.vocabulary>span.select2-container, 
#metadata-editor .meta.text-field-multi>textarea,
#metadata-editor .meta.text-field>input,
#metadata-editor .meta.pillbox > span.select2-container,
#metadata-editor .meta.date-field>div,
#metadata-editor .meta>.meta-tag-display,
#metadata-editor .meta>.circa-date-fields,
#metadata-editor .meta.circa-field.circa-date>div.circa-date-wrap,
#metadata-editor .meta.toggle>.form-check {
    order: 3;
    flex-grow : 3;
    min-width: 75%;
    max-width: 75%;
    margin-left: auto;
}
#metadata-editor .meta .field-length{
    order: 4;
    min-width: 100%;
    display: flex;
    justify-content: flex-end;
}
#metadata-editor .meta.toggle>.form-check-label {
    order: 1;
}
#metadata-editor .modal-field-wrap{
    order: 4;
    flex-grow: 4;
    min-width: 75%;
    max-width: 75%;
    display: flex;
    justify-content: flex-start;
    margin-left: auto;
}
#metadata-editor .meta-note.note-shown {
    order: 5;
    flex-grow : 3;
    margin-bottom: 15px;
    min-width: 100%;
}
img.fancybox-image {
    object-fit: contain;
}
.aetopia-footer{
}

.toast-error {
    opacity: 1!important;
}

.img-thumbnail {
    border-radius: 0.25rem!important;
}

.rounded {
    border-radius: 0.25rem!important;
}

.video-js.vjs-showTimecode .vjs-time-control {
    display: block;
}
.video-js.vjs-showTimecode .vjs-remaining-time {
    display: none;
}


.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #DDDBDD;
}
.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
          animation: shimmer 2s infinite;
  content: "";
}
@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

#theAsset>div.media-render.vjs-v7{
    height: auto;
    width: auto;
}

.vjs-up-next-text{
    display: none !important;
}
.vjs-playlist.vjs-playlist-vertical {
    background: rgba(0, 0, 0, 0.7);
}

.vjs-playlist-item {
    max-width: 300px;
    max-height: 169px;
}


.tui-image-editor-container.right {
    background-color:white;
}
.tui-image-editor-container .tui-image-editor-submenu {
    bottom: unset!important;
}
.tui-image-editor-controls {
    bottom: unset!important;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    background-color: #98bddf;
}

.aetopia-vjs-marker {
    position: absolute;
    bottom: 0em;
    opacity: 1;
    height:100%;
}

[data-tooltip]::after {
    content : attr(data-tooltip);
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    width: 120px;
    top: 100%;
    left: 50%;
    margin-top: 10px;
    margin-left: -60px;
    
    position: absolute;
}

[data-tooltip]:hover::after {
    visibility: visible;
}

#filter-form .checkbox:focus-within,
input[type="checkbox"]:focus, 
button.btn:focus,
div.facet-title > a:focus ,
:focus {
    outline: 2px solid var(--focus-color) !important;
}

.table-wrapper {
    display: block;
    overflow-x: auto;
}

div.jsoneditor {
  border: 1px solid rgba(0,0,0,.125) !important;
}

div.jsoneditor-menu {
  background-color: transparent;
  border-bottom: 1px solid rgba(0,0,0,.125) !important;;
}
.jsoneditor-menu>.jsoneditor-modes>button,.jsoneditor-menu>button {
    background-color: grey !important;
    border: 1px solid #6c757d !important;
}

.jsoneditor-menu>.jsoneditor-modes>button:hover,.jsoneditor-menu>button:hover {
    background-color: #6c757d !important;
}

.jsoneditor-menu>.jsoneditor-modes>button:active,.jsoneditor-menu>.jsoneditor-modes>button:focus,.jsoneditor-menu>button:active,.jsoneditor-menu>button:focus {
    background-color: #ee422e !important;
}
button.nav-link.group-tab-header {
    background: none;
}

#batch-wrapper .meta-field-content, 
#batch-wrapper .meta.tagged-tree-field>.tagged-tree-field-value,
#batch-wrapper .meta.tagged-select-field>span.select2-container,
#batch-wrapper .meta.user-select-field>span.select2-container,
#batch-wrapper .meta:is(.text-field, .date-field)>input,
#batch-wrapper .meta.vocabulary>span.select2-container, 
#batch-wrapper .meta.text-field-multi>textarea,
#batch-wrapper .meta.text-field>input,
#batch-wrapper .meta.pillbox > span.select2-container,
#batch-wrapper .meta.date-field>div,
#batch-wrapper .meta>.meta-tag-display,
#batch-wrapper .meta>.circa-date-fields,
#batch-wrapper .meta.circa-field.circa-date>div.circa-date-wrap,
#batch-wrapper .meta.toggle>.form-check {
    order: 3;
    flex-grow : 3;
    min-width: 100%;
    max-width: 100%;
    margin-left: auto;
}

.border-top-none{
    border-top: none !important;
}

.system-variant-row{
    background-color: #fcfcfc;
}

.user-variant-description{
    padding-left: 25px !important;
}

nav .navbar-brand > img, .footer-img {
    width: auto;
    height: 1.75em;
}

.profile-nav-logo {
    height: 30px;
}

.profile-initials {
    height: 32px;
}

.profile-initials > div {
    width: 25px;
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    opacity: .25;
    background-color: #fff;
}

.download-option-table{
    margin-bottom: 50px;
}

.download-option-item{
    display: block;
    line-height: 24px;
}

.download-option-item:hover{
    text-decoration: underline;
}

.facet-label{
    color: black;
}

@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  
  .d-xxl-inline {
    display: inline !important;
  }
}

.btn-primary {
    color: #fff;
    background-color: var(--primary-action-color);
    border-color: var(--primary-action-color);
}

.text-bg-primary {
    color: #fff;
    background-color: #165598;
}

.icon-spinner {
  animation: spin-animation 0.9s infinite;
  animation-timing-function: linear;
  display: inline-block;
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.input-group-first-prepend {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.form-check-input {
    width: 1.25em;
    height: 1.25em;
}