/* Navtabs. */
.crud-wrap-nav-tab, .crud-wrap-tab-content {
    margin-top: 300px;
}
.wrap-main-content .nav.nav-tabs {
    margin-bottom: 20px;
}
.navbar-brand img {
    height: 40px;
}
.navbar-dark {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd6e29+0,e65333+99 */
    background: #fd6e29; /* Old browsers */
    background: -moz-linear-gradient(top, #fd6e29 0%, #e65333 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fd6e29 0%,#e65333 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fd6e29 0%,#e65333 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6e29', endColorstr='#e65333',GradientType=0 ); /* IE6-9 */
    margin: 0 0 1.5% 0;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255,255,255,1);
    text-decoration: underline;
}

body {
    padding-bottom: 25px;
}

h1, h2 {
    color: #665a5a;
}

a {
    color: #4D81A4;
}

a:hover {
    color: #4D81A4;
}

.filter-form {
    padding: 2% 0;
}

.badge-info {
    background: #2d95b5;
    align-self: flex-start;
}

.page-item.active .page-link {
    background-color: #4D81A4;
    border-color: #4D81A4;
}
.page-item.active .page-link:hover{
    color: #ffffff;
}

.page-link {
    color: #4D81A4;
}
.page-link:hover {
    color: #4D81A4;
}

th {
    font-weight: normal;
}

/* paginator sorting */
th a.asc::after {
    content: " ▲";
}
th a.desc::after {
    content: " ▼";
}

main {
    margin-top: 25px;
}
div.wrap-main-content {
    margin-top: 25px;
}
div.wrap-empty-message {
    margin-top: -25px;
}

/* FA Icons. */
.fa-drupal {
    color: #0678be;
}
table.activity-log td {
    border-top: none;
}
table.activity-log .fa {
    margin-right: 5px;
}
table.activity-log .fa-check {
    color: #28a745;
}
table.activity-log .fa-times {
    color: red;
}
table.activity-log .badge {
    margin: 0 10px 0 10px;
}

/* Bootstrap buttons. */
.btn {
    padding: 8px 18px;
}
.btn-danger, .btn-delete, .btn-warning {
    color: #000;
    background: #D2D2D2;
    border: #D2D2D2;
}
.btn-danger:hover , .btn-delete:hover , .btn-warning:hover {
    color: #fff;
    background: #696969;
    border: #696969;
}
.btn-warning, .btn-warning:hover, .btn-warning:visited {
    color: #fff;
}
.btn-delete {
    margin-right: 5px;
}
.btn.btn-list-action {
    padding: 4px 9px;
}
.btn-sm.btn-batch-action {
    font-size: 0.8rem;
}
.btn-batch-action {
    padding: 6px 18px;
}
.btn-primary, .btn-success {
    background: #4D81A4;
    border: #4D81A4;
}

.btn-primary:hover, .btn-success:hover {
    background: #29869b;
    border: #29869b;
}
.badge-primary {
 background-color: #4D81A4;
}
/* Login. */
form.login-form i.fa-exclamation-triangle, form.login-form i.fa-at {
    margin-right: 1.2rem;
}
form.login-form .input-group-addon {
    width: 2.6rem;
}
form.login-form .wrap-rember-me {
    padding-top: .35rem;
}
form.login-form .text-remember-me {
    padding-bottom: .15rem;
}
form.login-form .wrap-password {
    padding-top: 1rem;
}

/* CRUD */
.wrap-batch-actions .wrap-toggle-bottom {
    margin-left: 12px;
}
.wrap-batch-actions .wrap-batch-select {
    margin-left: 5px;
}
table thead th {
    background-color:white;
}
.floatThead-container {
    overflow: visible !important;
    overflow-x: hidden;
}
.results-count{
    padding-bottom: 12px;
}
.btn-batch-action .badge {
    margin-left: 5px;
}
.wrap-nav-list-actions {
    display:inline;
}
/*.wrap-nav-list-actions {
  padding-left: .75rem;
  padding-bottom: 15px;
}
.wrap-nav-list-actions #type-selector {*/
/*margin-top: 8px;*/
/*}*/
#add-admin-log-menu div.wrap-close-btn {
  width: 100%;
}
.wrap-nav-list-actions #tag-search-menu.dropdown-menu, #add-admin-log-menu {
    min-width: 32rem;
}
.wrap-nav-list-actions .typeahead__list {
    max-height: 300px;
    overflow: scroll;
}
span.tag-action {
    margin-right: 22px;
}
span.tag-action.fa-minus, span.tag-action.fa-plus, span.tag-action.fa-trash,span.tag-action.fa-trash-alt, span.tag-action.fa-minus-square,span.tag-action.fa-check, span.tag-action.fa-check-square {
    margin-right: 9px;
}
#tag-search-menu form {
    width: 100%;
}
/* Fix visibility of form errors for custom bootstrap form layout. */
form .invalid-feedback {
    display: block;
}
/* Show error border on select2 */
div.row.is-invalid  > div > span > span.selection > span {
    border-color: #dc3545;
}
form fieldset legend {
    font-size: inherit;
}
.form-group{
    padding-left: 0;
}
.form-group label{
    padding-left: 0;
}
.form-group legend{
    padding-left: 0;
}
.form-group .col-md-9 .form-group{
    margin-left: 5px;
}
#dw_ginger_tag_forms .form-group{
    padding-left: 15px;
}
.form-wrapper{
    padding: 0px;
}
.button-wrapper{
    padding: 15px;
    margin-top: 20px;
    text-align: right;
}
.divider-actions-nav {
    width: 100%;
    margin-top: 0;
}

/* CRUD person */
#person-header .full-name h1 {
    font-size:2rem;
}
#person-header .score {
    height: 45px;
    width: 45px;
    background: #9A6A8B;
    color: #fff;
}
#person-header .score > span {
    font: Bold 30px/40px Arial;
    letter-spacing: 0px;
}
#person-header .email {
    font-size: 24px;
    font-weight: 300;
    color: #494949;
}
.badge-label {
    font-size: 20px;
}
#person-header .badge {
    border-radius: 0;
    font-size: 100%;
}
.badge-primary.negative {
    background: #3BB2F4;
}
.badge-primary.neutral {
    background: #9A6A8B;
}
.badge-primary.positive {
    background: #F92121;
}
.wrap-main-content form  button, .wrap-main-content form  span.help-block {
    float: right;
}
/* Form collections. */
a.collection-action {
    color: #495057;
}

/* Form labels should use full width of wrapper */
label.col-sm-2 {
    max-width: 100%;
}
div.empty_message {
    margin-top: 15px;
}
.select2-container{
    width: 100% !important;
    margin-right: 30px;
}
.select2-selection--single{
    border: 1px solid #ced4da !important;
    height: 37px !important;
}
#select2-dw_ginger_search_persons_tag-container{
    padding-top: 3px;
}
#dw_ginger_search_persons_startDate{
    width: 90%;
}
#dw_ginger_search_persons_endDate{
    width: 90%;
}
.button-wrapper button{
    margin-right: 15px;
}
.btn-danger{
    border: none;
    margin-left: 15px;
}
#navbarSupportedContent {
    margin-left: 20px;
}
.form-control::placeholder{
    color: #ced4da !important;
}
.search-form{
    display: inline-block;
}
.search-button{
    margin-bottom: 18px;
}
#search_person{
    display: inline-block;
    margin-left: 50px;
}
#search_person .col-sm-2{
    display: none;
}
.icon-arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    border: solid #665a5a;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}
.icon-arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid #665a5a;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

/* Icons. */
.fa.info-message:hover {
  cursor:pointer;
}

.duplicate_value {
    padding-top: calc(.375rem - 4px);
    padding-bottom: calc(.375rem + 1px);
    line-height: 2em;
}
.addressContainer .duplicate_value {
    padding-left:30px;
    cursor:pointer;
}
div.flags-row div.form-check {
    display: inline;
    padding-right: 2em;
}

/* Popover */
.popover {
    max-width: 500px;
}

.select2-selection__choice {
    color: white;
    background-color: #4D81A4 !important;
    border: #4D81A4;
}
.select2-selection__choice__remove {
    color: white !important;
}

/* Import */
h2.thin {
    font-size: 24px;
    font-weight: 300;
    color: #494949;
}
.file_import_upload .custom-file .invalid-feedback {
    margin-top: 50px;
}
.file_import_upload > .row {
    display: block;
}
.file_import_upload .form-check-input, .file_import_edit .form-check-input {
    position: relative;
    margin-left: 0;
}
.btn.btn-primary.light {
    color: #fff;
}
.todo {
    background: lightgreen;
}
.todo.placeholder {
    background: lightgrey;
    min-height: 80px;
}
.overflow-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
td.violation_preview span.msg {
    font-size: smaller;
    color: #dc3545;
}
i.match_success {
    color: #4ed522;
}
i.match_error {
    color: #dc3545;
}
.file_import_edit_tags_label.required:after {
    content: " *";
}
textarea.jsoninput {
    height: 260px;
    font-family: Courier;
}
.integration-icon {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-top: 18px;
}
.badge-overlay {
    position: absolute;
    right: -8px;
    top: 12px;
    background: #212529;
    text-align: center;
    border-radius: 18px;
    color: white;
    padding: 1px 5px;
    font-size: 10px;
}

/* Custom Styling for Taglist View */
.attribute-header {
    font-size: 12px;
    font-weight: 300;
}

.input-group {
    margin-bottom: 32px;
}

.sexy-radios {
    margin-top: 4px;
}
.clickable-table-cell {
    position: relative;
}

.clickable-table-cell.fixed-width {
    width: 145px;
}

.clickable-table-cell-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.clickable-table-cell-link.right-aligned {
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
}

.taglist-empty-message-container {
    margin-top: 124px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}

.taglist-empty-message {
    color: #6C757D;
    opacity: 0.6;
    margin-top: 28px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
}

.taglist-empty-image {
    background-image: url('../images/empty/ginger-tea1.png');
    width: 154px;
    min-height: 154px;
    background-size: contain;
    background-repeat: no-repeat;
}

.wrap-empty-message hr {
    display: none;
}

/*
 * Dashboard
 */

.margin-bottom-custom {
    margin-bottom: 2.5rem;
}

.dashboard.mt-4 {
    margin-top: 2.5rem !important;
}

.row.dashboard .col-lg-6 {
    margin-bottom: 2.5rem;
}

.dashboard .card_container {
    padding: 20px 16px;
}

.row-boxes-top .card_container {
    width: auto;
    height: 100%;
    margin-right: 10px;
}

.row-boxes-top .col-lg-3:last-of-type .card_container {
    margin-right: 0;
}

.fall-back-text.card_container {
    width: 100%;
    height: 100%;
    padding: 20px 16px;
}

.fall-back-text.card_container p.text-center {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
}

.fall-back-text.card_container h3 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.fall-back-text.card_container img {
    margin-bottom: 12px;
}

.fall-back-text .h5 {
    color: rgba(0, 0, 0, 0.60);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 56px;
}

.fall-back-text.card_container  .fa-tag {
    transform: rotate(90deg);
}

/* Charts */
#people-activity-chart-wrapper .card_container, .card_container.table_container {
    height: auto; width: auto;
}
#people-activity-chart-wrapper .card_container .fa-user{
    font-size: 20px;
}
.dashboard .wrap-chart #people-activity-chart {
    height: 328px;
    width: 500px;
}
.dashboard #people-activity-charttext {
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0%;
}

.people-activity.card_container {
    padding: 20px 16px;
}

.people-activity .h5{
    color: rgba(0, 0, 0, 0.60);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 28px;
}

@media (min-width: 992px) {
    .people-activity.card_container {
        margin-right: 10px;
    }
}

.people-activity-chart-legend .chart-legend {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.people-activity-chart-legend .chart-legend li {
    align-self: center;
    color: #000;
}

.dashboard .gchart.card_container {
    padding: 0;
}
.chart-legend span{
    font-size: 10px;
}
ul.chart-legend li {
    display: inline-flex;
}
ul li span.legend-color{
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 4px;
    margin-right: 4px;
}
span.legend-color.high {
    background: #F92121;
}
span.legend-color.neutral {
    background: #3BB2F4;
}
span.legend-color.inactive {
    background: #6A8EC0;
}
span.legend-color.unreachable {
    background: #354760;
}
/* Devel/Debug Styles */
.devel-debug, .devel-debug .modal-body {
    background: #1c2833;
}
.devel-debug .modal-dialog {
    max-width: 80%;
}
.devel-debug .modal-body pre {
    color: #01ff70;
}
.devel-debug .btn-link {
    color: #4fdee5;
}
.devel-debug .json-data pre {
    color: #01ff70;
}

/*Dashboard*/

.topics-relevance-chart-wrapper .topics-title{
    color: #000;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    width: 410px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topics-relevance-chart-wrapper .h5{
    color: rgba(0, 0, 0, 0.60);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 28px;
}

.topics-relevance-chart-wrapper .fa-comments-alt{
    font-size: 20px;
}

@media (min-width: 992px) {
    .topics-relevance-chart-wrapper .card_container {
        margin-right: 10px;
    }
}

@media (max-width: 585px) {
    .topics-relevance-chart-wrapper .topics-title{
        width: 230px;
    }
}

.topics-relevance-chart-wrapper .chart-legend {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.topics-relevance-chart-wrapper .chart-legend li {
    align-self: center;
}

.tooltip.bs-tooltip-top .tooltip-inner,
.tooltip.bs-tooltip-bottom .tooltip-inner {
    border-radius: 8px;
    border: 1px solid rgba(217, 217, 217, 0.40);
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(3px);
    padding: 8px;
    text-align: left;
    color: black;
}

.tooltip.show {
    opacity: 1 !important;
}

.tooltip .arrow {
    display: none !important;
}

/*recent imports table*/

.table.recent-imports-table {
    margin-bottom: 0;
}

.recent-imports-table .fa-info-circle{
    font-size: 10px;
}

.recent-imports-table thead th {
    border-top: none;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}

.recent-imports-table tbody th {
    font-size: 12px;
}

.recent-imports-chart {
    height: 100% !important;
}

.recent-imports-chart .h5 {
    color: rgba(0, 0, 0, 0.60);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 28px;
}

.recent-imports-chart td {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    vertical-align: middle;
}

table td:nth-child(odd),
table th:nth-child(odd) {
    font-weight: 400;
}

table td:nth-child(even),
table th:nth-child(even) {
    font-weight: 500;
}

.recent-imports-chart.card_container {
    padding: 20px 16px;
}

.recent-imports-chart .fa-tag {
    transform: rotate(90deg);
}