:root {
  --primary-colour: #012169; /*Dark Blue*/
  --gradient-colour: #224abe; /*Lighter Blue*/
  --secondary-colour: #f6c23e; /*Yellow*/
  --tertiary-colour: #ffffff; /*White*/
}

body {
  overflow-anchor: none;
}

.text-primary {
  color: var(--primary-colour) !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid var(--secondary-colour);
  background: var(--secondary-colour);
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: var(--primary-colour);
  }

.page-item.active .page-link {
  color: var(--primary-colour);
  background-color: var(--secondary-colour);
  border-color: var(--secondary-colour);
}

.text-login-800 {
  color: var(--secondary-colour) !important;
}

.side-bordered { border-left: 8px solid var(--secondary-colour); }

a,.btn-outline-primary.disabled,.btn-outline-primary:disabled,.btn-link{ color:var(--primary-colour); }

button.close,.dropdown-item:active,.bg-primary{ background-color:var(--primary-colour); }

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    color: var(--primary-colour); background: var(--secondary-colour);
}

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

.badge-primary,.nav-pills .nav-link.active,.nav-pills .show>.nav-link{ color:var(--tertiary-colour); background-color:var(--secondary-colour); }

.btn-outline-primary{color:var(--primary-colour);border-color:var(--primary-colour)}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle,.btn-outline-primary:hover{color:#fff;background-color:var(--primary-colour);border-color:var(--primary-colour)}

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

.topbar .dropdown-list .dropdown-header { background-color:var(--primary-colour);border:1px solid var(--primary-colour); }

.bg-gradient-primary {
    background-color:var(--primary-colour);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,var(--primary-colour)),to(#224abe));
    background-image:linear-gradient(180deg,var(--primary-colour) 10%,var(--gradient-colour) 100%);
    background-size:cover
}
.bg-login-image {
background:url('../images/logo.svg');background-position:center;background-size:contain; background-repeat: no-repeat; background-size: 80%;
}

/* Custom CSS for entire system */

  #tablesheader {
      background-color: var(--primary-colour) !important; color: #FFFFFF !important; text-align: left;
  }
.datatable > tbody > tr > td {
     vertical-align: middle;
}


/*options bar navigation*/

.fa-file,.fa-times-circle {
    color: #FFFFFF !important;
    font-size: 16px  !important;
}

.ui-datepicker,.ui-dialog{
        background-color: #F78A09 !important; color: #ffffff !important;
}

.nav-tabs > li > a {
    border: medium none;
    text-align: center;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-top-right-border-radius: 4px;
    -webkit-top-right-border-radius: 4px;
    border-top-right-radius: 4px;
    color:#fff;
}

.nav-tabs > li > a:hover {
  background-color: #fff !important;
    color:var(--primary-colour);
}

/* Form CSS below */

.error {
  color: #FF5454;
}

.col-xs-12 p {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom:10px;
}


:required {
  border: 1.5px #78261f solid !important;
}

.list-desc {
  background-color: var(--primary-colour);
  color: #ffffff;
  text-align: right;
}

.form-lbl {
    padding-right: 0rem;
    padding-left: 0rem;
    padding-top: 1px;
    text-align: right !important;
    line-height: 1.2;
}

.right-align {
    text-align: right !important;   
}

li.active {
color: var(--primary-colour) !important;
 background-color: var(--secondary-colour);
}

li.active > a > span,.sidebar-dark .nav-item.active .nav-link i{color: var(--primary-colour)}

.btn-mng {
  padding: 4px 11px 5px 11px;
  margin-right: 2px;
}


.add-rem-entry {
white-space: nowrap; text-align: right !important; margin-right: 0px; padding-right: 10px;
}

/* JQuery Stepps CSS */

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: var(--secondary-colour);
    color: var(--tertiary-colour);
}

.doclinks {
  width: 30%;
}

/* Multi-Row Data Entry CSS */

div[id*='EntryRow'] {
    padding-top: 15px;
    padding-bottom: 15px;    
    border-bottom: 1px solid #ccc;
}

div[id*='partyEntryRow']:first-child, div[id*='chargesEntryRow']:first-child {
    border-top: 1px solid #ccc;
}

div[id*='EntryRow']:nth-child(even) { border-left: 8px solid var(--primary-colour); }
div[id*='EntryRow']:nth-child(odd) { border-left: 8px solid var(--secondary-colour); background: #FFFFFF; }

div[id*='chargeOrderEntryRow']:nth-child(even), div[id*='claimEntryRow']:nth-child(even) { border-left: 8px solid #f6c23e; }
div[id*='chargeOrderEntryRow']:nth-child(odd), div[id*='claimEntryRow']:nth-child(odd) { border-left: 8px solid #2a96a5; background: #e3e6f0; }
div[id*='chargeOrderEntryRow'], div[id*='claimEntryRow'] { margin-left: 0px !important; }

div[id*='fileEntryRow']:nth-child(even) {  border-left: 8px solid #f6c23e; margin-left: 2px; }
div[id*='fileEntryRow']:nth-child(odd) { border-left:  8px solid #1cc88a; margin-left: 2px; background: #e3e6f0; }
div[id*='fileEntryRow'] { margin-right: 0px !important; }

    

section > div > div > h3, section > div > div > div > h3 {
  background: var(--primary-colour);
    color: #fff;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-left: 8px solid var(--secondary-colour);
    margin-left: -9px;
    margin-right: -9px;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
 }

    .actions {
   background: var(--primary-colour);

    padding-top: 10px;
    padding-bottom: 10px;     
    }

    .ui-widget-header {
   border: 0px;
   background: none;
}

.ui-widget.ui-widget-content {
  border: 0px;
}

.ui-tabs .ui-tabs-panel {
  border: 1px solid #c5c5c5;
}

.ui-tabs .ui-tabs-nav {
 padding-left: 0px;
}

.btn-danger .btn-mng {
      margin-left: 3px;
}

.btn {
  height: 38px;
}

.btn-multi-date-1,.btn-multi-date-2 {
  display: inline-block; white-space: nowrap; width: 44.8%; padding-left: 0px; padding-right: 0px; font-size: 15px !important;
}

.wizard > .content > .body input.btn-multi-date-1 {
    display: inline-block;
}

.badge-id {
  float: left;
  font-size: 16px;
  border-radius: 40px;  
  margin-left: -24px;
  margin-top: -15px;
}

.badge-id2 {
  font-size: 16px;
  border-radius: 40px;  
}

.inp-rmv-padding {
  padding-left: 2px !important;
  padding-right: 2px !important;
}


.outcome-desc {
    font-size: 12px;
    border-radius: 40px;  
    color: #FFFFFF;
    padding-left: 2px; 
    padding-right: 2px;
}

.det-view-tbl-header {
    background: var(--primary-colour);
    color: #fff !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-bottom: 10px !important;
    text-align: left !important;
    border-left: 8px solid var(--secondary-colour);
}

.det-view-tbl-header-extra {
  padding: .75rem !important;
  text-align: left !important;
}

.dataTables_wrapper,table.dataTable {
  width: 100% !important;
}

.wizard > .content > .body label.criminal-event,.criminal-event, .wizard > .content > .body label.civil-type-input, .civil-type-input, .wizard > .content > .body label.criminal-type-input, .criminal-type-input, .wizard > .content > .body label.source-type-input, .source-type-input {
  display: none;
}

#parties-table {
  width: 100%;
}

#parties-table > tbody > tr > th {
  text-align: right;
}

#parties-table td, #parties-table th {
  padding: .25rem;
  vertical-align: top;
  color: #858796;
}

table.case-table tbody tr th, table.judges-table tbody tr th, table.ap-table tbody tr th { text-align: right; }

.buttons-pdf {
    background-color: #e74a3b;
    border-color: #e74a3b;
}

.buttons-excel {
    background-color: #1cc88a;
    border-color: #1cc88a;
}

.buttons-print,.buttons-copy {
    background-color: #778899;
    border-color: #778899;  
}

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

.btn-default {

    background-color: #fff;
    border-color: #fff;

}

#accordion .ui-state-active {
 background-color: unset !important;
 border: 1px solid var(--primary-colour);
 font-weight: bolder;
 box-shadow: 1px 1px 1px 1px var(--primary-colour);
}


.dataTables_info {
color: #858796;
}

.pagination {
  float: left;
}

.judge-even, .party-even, .charge-even, .action-even, .document-odd, .event-even, .note-even { background-color:var(--primary-colour); color: var(--tertiary-colour); height: 24px; }
.judge-odd, .party-odd, .charge-odd, .action-odd, .document-even, .event-odd, .note-odd { background-color:var(--secondary-colour); color: var(--primary-colour); height: 24px; }

.doc-table td {
  text-align: left !important;
  font-weight: normal;
}

.datatablelisting > tbody > tr > td:nth-child(4) {
   white-space: nowrap;
}

input[id*='documentselect'] { height: 16px; width: 16px; border-radius: 50%; margin-right: 3px !important; border-color: var(--secondary-colour); }


.datatableajax thead tr:nth-child(2) th {
  padding: 0.1rem;

}

.dataTables_processing {
color: #ffffff;
background-color: var(--primary-colour);
opacity: 0.8;
  }

  .stage-overdue {
    color: #78261f;
    background-color: #fadbd8;
    border-color: #f8ccc8;
    width: 100%;
    display: inline-block;
    padding: 2px 2px 2px 2px;
    font-weight: bold;
  }

  .stage-no-date {
    color: #c79606;
    background-color: #fae5a5;
    border-color: #e8b10d;
    width: 100%;
    display: inline-block;
    padding: 2px 2px 2px 2px;
    font-weight: bold;
  }


  .topbar .nav-item .nav-link .badge-counter {
    right: -0.3rem;
  }

  .wizard > .actions > ul > li.disabled {
  display: none;
}

table.datatableajax thead > tr > th {
  padding: 5px 5px 5px 5px;
  font-size: 14.5px;
}

select[id^='judgeidc'] option, select[id^='eventjudgeid'] option, select[id^='subcasetypeidadv'] option {
  height: 36px !important;
}

select[id^='judgeidc'], select[id^='eventjudgeid'], select[id^='subcasetypeidadv'] {
  display: inline-block;
  height: 36px !important;
  min-width: 54px;
  width: 100%;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
  background-color: #fff;
  color: #6e707e;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  overflow-y: hidden;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%236e707e' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65rem center;
  background-size: 10px 7px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

select[id^='judgeidc']:focus, select[id^='eventjudgeid']:focus, select[id^='subcasetypeidadv']:focus {
  border-color: #bac8f3;
  box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25);
  outline: 0;
}

.tagify--custom-dropdown {
  width: 100% !important;
  min-height: 38px;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
  background-color: #fff;
  color: #6e707e;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.tagify--custom-dropdown.tagify--focus {
  border-color: #bac8f3;
  box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25);
  outline: 0;
}

optgroup {
padding-top: 5px;
text-align: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #aaa;
  font-style: normal;
}

#judgeidc optgroup:nth-of-type(1) option:nth-of-type(1) {
  padding-top: 10px;
}


select[id^='subcasetypeidadv'] > option::before, select[id^='subcasetypeidadv'] > option::before {
    content: var(--prefix);
    white-space: pre-wrap;
}

select[id^='judgeidc'].expanded, select[id^='eventjudgeid'].expanded {
  background-color: #ffffff;
  background-image: none;
  z-index: 99999999;
  position: absolute;
  width: auto;
  height: 120px !important;
  overflow-y: scroll;
  border-color: #bac8f3;
  box-shadow: 0 0.15rem 0.5rem rgba(58,59,69,.2);
}

#prosecutor-details, .co1-button, .co2-button {
   padding: 3px 6px;
   margin-left: 5px;
    color: #fff;
    background-color: var(--primary-colour);
    border-color: var(--primary-colour);
    display: inline-block;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
line-height: 1;
border-radius: .35rem;
}

.doctable thead tr th {
background: var(--primary-colour);
color: #fff;
text-align: left;
}

.doctable tbody tr td {
text-align: left;
}

.doctablediv {
    display: none;
}

.pros-contact-details,div[class*='co1-details'],div[class*='co2-details'] {
    white-space: nowrap;
}

a[id^='courtdocumenttbl'] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.pull-right {
    float: right;
}

#selectebrief, #deselectebrief {
    cursor: pointer;
}

.ms-selectall {
    color: var(--secondary-colour) !important;
    font-size: 1.1em;
}

.save-format {
    background-color: var(--primary-colour);
    border-color: var(--primary-colour);
}

.input-group-addon {
    padding: 12px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    background-color: #00247e;
    border: 1px solid var(--primary-colour);
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    margin-bottom: 7px;
}

.tooltipster-content { color: var(--primary-colour) !important; }
.tooltipster-sidetip .tooltipster-box { background-color: var(--secondary-colour) !important; }
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:var(--secondary-colour) !important; }
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:var(--secondary-colour) !important; }
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:var(--secondary-colour) !important; }
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:var(--secondary-colour) !important; }

div[class*='monetary-action'],div[class*='monetary-bl']
{
    display: none;
}

 #sortable,#sortable-l, #sortable-a, #sortable-op, #sortable-d, #sortable-od, #step-sortable { list-style-type: none !important; }
 #sortable li,#sortable-l li, #sortable-a li, #sortable-op li, #sortable-d li, #sortable-od li, #step-sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; height: 52px; }
 #sortable li span, #sortable-l li span, #sortable-a li span, #sortable-op li span, #sortable-d li span, #sortable-od li span, #step-sortable li span { position: absolute; margin-left: -1.3em; }

.existing-party:not(:empty)
{
    background-color: #f6f6f6; 
    border: 2px #00247e solid;
}

.existing-party > div
{
    color: #00247e !important; 
}

.btn-warning > .fa-star {
text-shadow: 2px 2px rgba(70,70,70,.5);
color: lightgray;
}

a[id^='courtdocument'] > i.fa-file {
    color: #00247e !important;
}


button[id^='ordersshow'],button[id^='partydupshow'] {
  text-wrap: nowrap;
}

#excelCourtListingModal > .modal-dialog {
  max-width: 650px;
}
select[id^='identifiertypeid'] option[value=""] {
  color: var(--primary-colour);
}

div[id^='existing-parties']:empty {
  height: 0px;
}

.ex-part-row {
      padding-top: .1rem !important;
      padding-bottom: .1rem !important;
}

.ms-options {
    max-height: 150px !important;
}

/* The party multiselects start out as plain native <select multiple> elements until their first
   click lazy-inits the plugin (see js/custom.js) -- without an explicit size, a blank one renders
   as a browser-default multi-row listbox (~100px), not a single 38px control like everything else
   on the form. This is purely cosmetic for that brief pre-init window. */
select[id^='appartyid'], select[id^='acpartyid'], select[id^='dpartyid'], select[id^='evpartyid'] {
  height: 38px !important;
  overflow: hidden;
}

/* Bootstrap-.form-control skin for the jQuery MultiSelect plugin (button + options panel),
   applied app-wide so every multiselect -- judges, influencing factor, party pickers, etc. --
   matches the rest of the form instead of the plugin's plain grey default. */
.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  height: 38px;
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
  background-color: #fff;
  color: #6e707e;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 14.5px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ms-options-wrap.ms-has-selections > button {
  color: #5a5c69;
}

.ms-options-wrap > button:after {
  border-width: 5px;
  border-top-color: #6e707e;
  right: 0.75rem;
}

.ms-options-wrap > button:focus,
.ms-options-wrap.ms-active > button {
  border-color: #bac8f3;
  box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25);
  outline: 0;
}

.ms-options-wrap > .ms-options {
  border: 1px solid #d1d3e2;
  border-radius: 0.35rem;
  box-shadow: 0 0.15rem 0.5rem rgba(58,59,69,.2);
  margin-top: 2px;
}

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
  background-color: #eaecf4;
  border-color: transparent;
}

.ms-options-wrap > .ms-options > ul li.selected label {
  background-color: #eaecf4;
}

.topbar .dropdown-list .dropdown-item {
text-align: center;
}

  .iframe-container iframe {
    width: 100%;
    height: 800px;
    border: none;
  }