/* 

    Primary #003563
    
    Secondary #00509B
    
    Secondary #D1322A
    
    Secondary #ACACAC

 */

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(/public/fonts/OpenSans/OpenSans-Regular-629a55a7e793da068dc580d184cc0e31.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: bold;
    src: local('Open Sans'), local('OpenSans'), url(/public/fonts/OpenSans/OpenSans-Semibold-33f225b8f5f7d6b34a0926f58f96c1e9.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

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

.navbar-brand img {
    max-height : 35px;
}

.incident-card {
    padding-top : 0.5em;
    padding-bottom : 0.5em;
}

.incident-card table {
    margin-bottom : 0px;
}

.incident-card-row {
    padding: .75rem;
}

.incident-card-row > * {
    padding : 0;
    margin: 0;
} 
.incident-card-actions > span {
    float: right;
    padding-left:10px;
}

.incident-card-actions {
    flex : 1;
}

tr.meta-row {
    width: 100%;
}


td.meta-value,
td.meta-key {
    font-size:12px
}

td.meta-key {
    width: 30%;
}

td.meta-value {
    width: 70%;
    text-align : right;
}

tbody tr:hover {
    background-color : #f7f7f7;
}

#shares-table {
    width: 100%;
    white-space: nowrap;
}

#shares-table td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#shares-table tbody tr .row-actions{
    display: none;
}

#shares-table tbody tr:hover .row-actions{
    display: inline-block;
}

#shares-table td.share-name-column {
    width : 40%;
}

#shares-table td.share-owner-column {
    width : 30%;
}

#shares-table td.share-assets-column {
    width : 10%;
}

#shares-table td.share-expiry-column {
    width : 20%;
}

#share-table td.share-accessed-by-column div.access-email{
    overflow:hidden;
    white-space:nowrap;
}

#share-table th#share-col-expiry {
    min-width : 150px;
}

#share-table th#share-col-actions {
    min-width : 125px;
}

.tt-suggestion a {
    color : #000000;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #003563!important;
}

.tt-suggestion.tt-selectable:hover {
    color: #fff;
    background-color: #003563!important;
}

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

#tt-info {
    padding-left: 20px;
    padding-right: 20px; 
}

nav.navbar {
    border: none;
}

#navbar li a,
#navbar a,
#navbar li button {
    font-family: 'Open Sans', sans-serif;
}

.nav-item .dropdown-item:hover {
    color : white;
}

nav.navbar,
nav.navbar div#navbar #profile-menu > li.dropdown.open > a {
    background-color : #003563;
}

nav.navbar div#navbar #profile-menu > li.dropdown > a {
    font-weight : 200;
}

a#upload-hdr.btn.btn-primary,
button#upload-hdr-dropdown.btn.btn-primary {
    background-color : white;
    color : #003563;
    font-family: 'Open Sans', sans-serif;
    border : white;
}

#navbar li a:hover,
#navbar .nav-link a:hover,
#navbar .nav-item button:hover {
    background-color : #003f75 !important;
}

#navbar li .btn-group a,
#navbar li .btn-group button {
    border-color : #003f75 !important;
}

.facet-pills .well {
    background-color: #D1322A;
    color: white;
    border: none;
}

.badge.text-bg-primary,
a.badge.text-bg-primary:hover {
    background-color: #D1322A;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    background: #003563;
    border-color: #003563;
    color: white;
}

.dropdown-item:active {
    background: #003563;
    border-color: #003563;
    color: white;
}

.btn-link, a {
    color: #00427c;
}

.btn-link:hover,
a:hover {
    color: #000000;
}

.pill-tabs li a {
    border-radius : 5px!important;
    padding: 5px 10px;
    min-width: 50px;
    text-align: center;
    background-color: #f4f4f4;
    margin-right: 5px;
}

.pill-tabs li a:focus {
    outline: none;
}

li a#upload-hdr button.btn.btn-primary,
a#upload-hdr.btn.btn-primary,
button#upload-hdr-dropdown.btn.btn-primary {
    background-color: #D1322A;
    color: white;
}

.card.mtrl-card .incident-card-row a[name="incident-title-link"] {
    display: none;
}

.nav-link.group-tab-header{
    color: #003563;
}

#login-card .mtrl-card-logo {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
}
.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button.apply{
    background: #003563;
}
.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button.apply > label,
.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button.apply:hover > label{
    color: white;
}
.tui-image-editor-submenu .tui-image-editor-button.apply use.normal.use-default {
    fill-rule: evenodd;
    fill: white;
    stroke: white;
}

.editor-standalone-wrapper {
    max-width: 720px;
}

#quill-editor-container {
    height: 140px;
}

.ql-placeholder.ql-picker {
    width: 150px
}