/* General Look and Feel */
* {
    font-size:12px;
}
body{
    font-family: verdana, arial, helvetica sans-serif;
    background-color:#fefdf9;
}
.card-header{
    color:#fff;
    background-color:#242424;
    font-size: 14px;
    text-align: center;
}

.transparent-card-header{
    color: black;
    background-color:transparent;
    font-size: 25px;
    text-align: center;
}

.font-weight-bold-underline {
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.font-weight-bold-italic {
    font-weight: 700 !important;
    font-style: italic !important;
}

.card-footer{
    color:#fff;
    background-color:#E3E5E7;
    font-size: 14px;
    text-align: center;
}

.btn-primary{
    background-color: #036;
    border: #036;
}

.btn-primary.disabled, .btn-primary:disabled{
    background-color: #d7d7d7;
    border-color:#d7d7d7;
    color:#000;
}

.btn-primary.focus, .btn-primary:focus {
    color: #ffc107;
    background-color: #036;
    border-color: #036;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #ffc107;
    background-color: #036;
    border-color: #036;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}


.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle{
    background-color:#036;
    color:#fc0;
}

.btn-link {
    color: #FFF !important;
}

.card-header {
    border-top: none !important;
    border-bottom: none !important;
}

.card {
    border-top: none;
}

.btn-link:hover {
    color: #FFF !important;
    text-decoration: none;
}

.login-error {
    background-color: #FF0000;
    color: #FFF;
    font-style: italic;
    padding: 5px;
    width: 100%;
}

.underlined {
    text-decoration-line: underline;
}

.flex-list {
    position: relative;
    overflow: hidden;
}
.flex-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    margin-left: -1px;
}
.flex-list li {
    flex-basis: auto;
    margin: .25em 0;
    text-align: left;
    border-left: 1px solid #ccc;
}

.flex-list .flex-list-none {
    border-left: none;
}

/* Table */
.table th{
    background-color:#E3E5E7;
    border:1px solid #ccc;
}
.table-striped tbody tr:nth-of-type(odd){
    background-color:#E6EEF9;
}
.table td{
    border:1px solid #ccc;
}
.table a {
    text-decoration: underline;
}
.table .center{
    text-align: center;
}
/* Logo */
.vns-blue {
    background-color: #036;
}
.font-style-1{
    font-size:smaller;
    padding-top:10px;
}
.font-style-2{
    font-size:medium;
}
/* Nav Bar Section */
.vns-logo-header {
    background-color: #242424;
    color: #fff;
    padding: 5px 0;
}
.vns-logo{
    margin-bottom:10px;
}
.vns-logo img{
    float:left;
    /* 377x79 */
    max-width: 377px;
    max-height: 79px;
    margin:5px 10px;
}

.vns-logo-popup img{
    max-width: 377px;
    max-height: 79px;
    margin:5px 10px;
}
/* Navigation Bar */
.navbar{
    background-color:#fff;
}
.navbar li{

    padding:0 3px;
}
.navbar li a{
    color:#036;
    font-size:12px;
}

.navbar li a:hover{
    text-decoration: underline;
}

.user-name-section{
    position: absolute;
    bottom: 0;
    right: 0;
}
.user-name{
    color:#fff;
}
.user-name:hover{
    color:#fff;
    text-decoration: underline;
}

.user-name-section .btn{
	background-color:#242424;
	border-color:#242424;
}

.show>.btn-secondary.dropdown-toggle{
	background-color:#036;
	border-color:#036;
}

.user-name-section .dropdown-menu{
    color:#fff;
	background-color:#242424;
}

.user-name-section .dropdown-menu a{
    color:#fff;
}

.user-name-section .dropdown-menu a:hover{
    background-color:#999;
}

/* Login Page */

.login .info-cards .card {
    margin-bottom: 10px;
}

.navbar {
    margin-bottom:20px;
}

/* Reports */

.reports .report-heading {
    font-weight: bold;
    border-bottom: 1px solid #d1ccce;
}

.reports ul {
    list-style-type:none;
}

/* Home */

.ui-autocomplete li {
    padding: 3px 0px 0px 10px;
}

.ui-autocomplete li:hover {
    background-color:lightgrey;
}

/* Investigative Case Screen */

#case-summary {
    margin-bottom:20px;
}


/* Subject List Screen */
.no-padding-top {
    padding-top: 0 !important;
}

.no-margin-top {
    padding-top: 0 !important;
}

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

.subject-detail .input-group span {
    width:200px;
}

/* OVERWRITE FOR DATATABLES */
.sorting {background-image:url("../img/sort_both.png") !important}
table.dataTable thead .sorting_asc {background-image:url("../img/sort_asc.png") !important}
table.dataTable thead .sorting_desc{background-image:url("../img/sort_desc.png") !important}
table.dataTable thead .sorting_asc_disabled{background-image:url("../img/sort_asc_disabled.png") !important}
table.dataTable thead .sorting_desc_disabled{background-image:url("../img/sort_desc_disabled.png") !important}

table.dataTable thead th, th {
    font-size: 12px;
    font-weight: normal;
    border: thin solid #cccccc;
    text-align: center;
}

table.dataTable.no-footer {
    border-bottom: 0;
}

/* Needed to get datepicker in a modal to work */
body.modal-open .ui-datepicker {
    z-index: 1200 !important;
}

.dialogWide > .modal-dialog {
    width: 80% !important;
}

.nav-tabs .nav-link{
    color: #fff;
    border: thin solid #cccccc;
    background-color: #999;
    border-radius: unset;
    margin-left: .15em;
}

.nav-tabs .nav-link.active{
    background-color: #036;
    color: #fc0;
}

.sub-tabs .nav-link.eventactive{
    background-color: #036;
    color: #fc0;
}

.sub-tabs .nav-link.active{
    background-color: #036;
    color: #fc0;
}

.sub-tabs .nav-link{
    background-color: #036;
    color: #fff;
    text-decoration: underline;
}

a {
    color: #036;
    cursor: pointer;
}

a.nav-link {
    cursor: pointer;
    font-size: 12px;
}


#add-requests .dataTables_filter {
    display:none !important;
}


/* For File Upload Screen */
#fileUpload .custom-file-label::after {
    left: 0;
    right: auto;
    border-left-width: 0;
    border-right: inherit;
    content: "File";
}

/* Linking page styles */

.linking .dataTables_filter {
    display:none !important;
}

.admin-doc-links .docs {
    min-height:250px;
}

.admin-doc-links .cases {
    min-height:215px;
}

.admin-doc-links #listItems {
    list-style-type: none;
}

.admin-doc-links .remove {
    cursor:pointer;
}

.admin-doc-links #listItems .list-group-item {
    padding: 2px 0px 2px 15px;
    border: 0 !important;
}
.admin-doc-links .ui-autocomplete {
    max-height: 150px !important;
    overflow-y: auto !important;
    /* prevent horizontal scrollbar */
    overflow-x: hidden !important;
    margin-left:10px;
}

/* Edit User Screen + Searchbox */

.sm-searchBox{
    width:  200px;
    height: 200px;
    margin: 0 auto;
    transition: width 0.5s ease-out, height 0.5s ease-out;
}

.sm-searchBox.loaded{
    width:      100%;
    height:     auto;
    min-height: 200px;
}

.sm-searchBoxButtons{
    text-align: left;
    padding-bottom: 4px;
}

.assign-docs select {
    min-height: 250px !important;
}

/* Administration Screen */

#deleteSubjectOffice {
    display: inline !important;
}

.cursor-pointer {
    cursor: pointer;
}

.custom-hyperlink {
    text-decoration: underline !important;
    cursor: pointer !important;
}

.custom-hyperlink:hover {
    color:#0056b3 !important;
}
.OptOutReason{
    width: 300px;
}

.popover-header {
    color: #fff;
    background-color: #036;
    font-size: 12px;
    text-align: center;
}

.popover-body {
    background-color: #fafafa;
}

/* Add Registrant Screen */

.registrant-modal-large {
    width:80% !important;
}

.w-15 {
    width:15% !important;
}

.modal-header-callout {
    color:white !important;
    background-color:#036 !important;
    padding: 2px 10px 2px 10px;
}

.registrant-ext {
    width:45px !important;
}

.registrant-screen .warning, .registrantWarnings, .vns-warning {
    background-color: #fcff9d;
    border: 2px solid #d7db6e !important;
    border-radius:10px;
}

.registrant-screen .danger, .vns-danger {
    background-color: #ff4600;
    border-radius:10px;
}

#prefixLabel {
    display:block !important;
}

.prefix-select {
    max-height:250px;
    overflow-y:scroll;
}

.red {
    color: red;
}

#alt-title {
    border-radius: 0px;
    padding:2px 5px 2px 5px;
}

.altContact {
    background-color:lightgrey;
}

.modal-xxl > .modal-dialog {
    max-width: 1300px !important;
}

.modal-xxl .close {
    opacity: 1 !important;
}

.blue-heading {
    color: darkblue;
}

.href-color {
    color: #036;
}

/* Used to position this  button in the select box for prefix */
#selectPrefixOverride {
    margin-left:-21px !important;
}

.dropdown-menu.prefix-select {
    margin-left:-103px !important;
}

legend {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}
.fpLegend {
    border: 1px solid #dddddd;
}

.required:after {
    content:"*";
    color: #FF0000;
    font-weight:bold;
}

.required-info:before {
    content:"* - ";
    color: #FF0000;
    font-weight:bold;
}

.btn-dark:hover {
    background-color: #C6AF78;
    color: #242424;
}

.btn-dark:disabled:hover {
    background-color: #343a40;
    color: #fff;
}

.custom-nav-button.active {
    background-color: #C6AF78 !important;
    color: #242424 !important;
}

.error-banner {
    background-color: #FF0000;
    color: #FFF;
    width: 100%;
    font-weight: 700;
    font-size: 1em;
}

.z-index-1200 {
    z-index: 1200;
}

.numberPassword {
    -webkit-text-security: disc;
}

.emailErrorPadding {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}