/***************** -- CUSTOM OJD STYLE OVERRIDES -- *****************/


/* -------------------------------- TOP NAVBAR BEGIN --------------------------------- */

/* -- Top navbar color -- */
.or-navbar{
	background:#2a2b6e;
}

/* -------------------------------- TOP NAVBAR END --------------------------------- */





/* -------------------------------- HEADER BEGIN --------------------------------- */

/* -- Round seal that is brought in on top of the header -- */
.or-header-logo {
	background-image: url("/PublishingImages/OJD-SEAL.png");
	-webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

/* -- Header overlay color -- */
/*.or-header .or-header-overlay { */
/*	background:#2a2b6e; */
/*} */
/* -- Header overlay color -- */
.or-header .or-header-overlay { 
	background:none; 
} 

/* -- Header image -- */
.or-header {
	background-image: url("/PublishingImages/OJD-BANNER.jpg");
}

/* -- Makes header image appear the same in Authoring & Production -- */
.or-header {
	background-attachment: scroll;
}

.or-header-title {
	font-family: "Arial Bold";
	 text-shadow: 2px 2px 1px #2f4f4f;
}

.or-navbar-brand {
    left: 15px;
    width: 130px;
}
.or-header-content{
border-image: linear-gradient(to top, rgb(0,0,0,1),rgba(0, 0, 0, 0)) fill 1;
}
/* -------------------------------- HEADER END --------------------------------- */





/* -------------------------------- TASKBOX BEGIN --------------------------------- */
/* -- Taskbox title color -- */
.or-taskbox-title{
	background:rgba(42, 43, 110, .9)
}
/* -------------------------------- TASKBOX END --------------------------------- */





/* -------------------------------- SEARCH BAR BEGIN --------------------------------- */

/* -- Main search button color -- */
.or-navbar-search-input {
	background:#7C7F9B;
}

/* -- Main search button color (when hovered)-- */
.or-navbar-search-wrapper:not(.or-navbar-search-open) .or-navbar-search-input:hover, .or-navbar-search-input-icon:hover ~ .or-navbar-search-input{
	background:#1a174a;
}

/* -- Background color of search box (when open) -- */
.or-navbar-search-open {
	background:#1A174A;
}

/* -- When open, color of search button (or submit) -- */
.or-navbar-search-submit-button{
	background:#7c7f9b;
}

/* -- When open and hovered on, color of search button (or submit) -- */
.or-navbar-search-submit-button:hover, .or-navbar-search-submit-button:focus{
	background:#2a2b6e;
}

/* -- Shadow line behind left-hand side of search box when opened --*/
.or-navbar-search-wrapper.or-navbar-search-open {

	box-shadow: -10px 0px 10px -5px #7c7f9b;
}

.or-breadcrumbs {
  font-weight:bold;
}

.or-breadcrumbs a, .or-breadcrumbs a:hover, .or-breadcrumbs a:focus, .or-breadcrumbs a:visited, .or-breadcrumbs a:active {
    color: lightyellow;
}

.or-breadcrumbs>li.active {
    color: ghostwhite;
}
/* -------------------------------- SEARCH BAR END --------------------------------- */




/* -------------------------------- SIDENAV BEGIN --------------------------------- */

/* -- Background color for side nav -- */
html .or-side-navigation{
	background:rgba(211, 233, 255, 0.8);
}

/* -- Line and Text color for active page on sidebar -- */
.or-side-navigation ul .or-side-navigation-current > a {
		border-left: solid 5px #3C4C92;
		color: #3C4C92;
		padding-left: 12px;
}

.or-side-navigation>ul>li>a {
text-transform: uppercase;
letter-spacing: 1.25px;
font-size: .92em;
} 
.or-side-navigation-parent+li:not(.or-side-navigation-parent) {
padding-bottom: 8px;
} 

.or-side-navigation>ul>li+li {
    border-top: solid 1px rgba(0,0,0,.1);
    padding-top: 10px;
}

.or-side-navigation ul.nav > li:first-of-type {
	padding-top: 10px;
}

/* -------------------------------- SIDENAV END --------------------------------- */

/* ------------------- Accessible Fake Accordion Styling-------------------- */


/* -------Icon for Open/Close-----*/
.ojd-accordion-item {
  border: 1px solid #ccc;
  border-radius: 7px;
  margin-bottom: 8px;
  overflow: hidden;
  font-family: sans-serif;
	color: #333333;
	
}
 
.ojd-accordion-item summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 1px 10px;
  background-color: #f9f9f9;
  font-weight: bold;
  list-style: none;
}
 
.ojd-accordion-item summary::-webkit-details-marker {
  display: none;
}
 
.ojd-accordion-item .icon {
  transition: transform 0.3s ease;
  display: inline-block;
  font-size: 28px;
}
 
.ojd-accordion-item[open] .icon {
  transform: rotate(45deg);
}
 
.ojd-accordion-item .content {
  padding: 10px 15px 5px 15px;
  background-color: #fff;
   
	
}


/* -------Fake Accordion--No Icon---*/
.ojd-accordion-title{
    
	padding-left: 15px;
	 border-radius : 6px;
	background-color: #F0F0F0; /* Light gray background */
	color: #333333; /* Darker gray text color */
 padding: 1px; /* Add some padding for better appearance */ 
  cursor: pointer; /* Indicate it's clickable */
	border: 1px solid #c0c0c0c0;
	border-radius: 6px;
	
}
.ojd-accordion-text{
    
	padding-left: 15px;
	padding-top:5px;
	padding-right: 15px;
	padding-bottom: 15px;
	 border-bottom:1px solid #919191;
	 border-left: 1px solid #919191;
	border-right: 1px solid #919191;
  border-radius: 6px;
	}

.ojd-accordion-title > h2, .ojd-accordion-title > h3, .ojd-accordion-title > h4, .ojd-accordion-title > h5 {
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 15px
}




/* -------------------------------- MISC --------------------------------- */
/* -- Adds 15px of padding to Agency Name PlaceHolder text -- */
.or-footer-agency-info {
	margin-top:15px;
}


/* -- Hides Footer Fourth Column "About Oregon"-- */
footer .col-sm-3:last-of-type {
display: none;
}

/* -- Hides "Showing X of X entries" in Data Tables pagenation-- */
div.dataTables_info { display: none !important; }

.alerts {
	   word-break:break-all; 
}

.or-dataTablesWebPart caption {
		font-size: 24px;
		font-weight: 500;
		color: #333;
	}
/* -- Bootstrap Buttons ADA Tweaks-- */
.btn-success {
  	background-color: #2c882c; /* Example: Change to red */
  	border-color: #2c882c;
	font-size: 1em; /* Adjust size as needed */
}

.btn-success:hover {
  	background-color: #237f23; /* Even darker on hover */
  	border-color: #237f23;
}

.btn-success:focus {
    outline-color: transparent;
    box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.5); /* Custom focus shadow */
}

.btn-success:active {
    background-color: #237f23; /* Darkest on active */
}


.btn-primary {
  	background-color: #0056b3;  /* A darker blue */
 	border-color: #004085;    /* A darker blue */
	font-size: 1em; /* Adjust size as needed */
}

.btn-primary:hover {
  background-color: #004085; /* Even darker on hover */
  border-color: #002752;
}

.btn-primary:focus {
    outline-color: transparent;
    box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.5); /* Custom focus shadow */
}

.btn-primary:active {
    background-color: #002752; /* Darkest on active */
}

.btn-info {
  	background-color: #1b809e;  /* A darker blue */
  	border-color: #1b809e;    /* A darker blue */
	font-size: 1em; /* Adjust size as needed */
}

.btn-info:hover {
  background-color: #147997; /* Even darker on hover */
  border-color: #147997;
}

.btn-info:focus {
    outline-color: transparent;
    box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.5); /* Custom focus shadow */
}

.btn-info:active {
    background-color: #147997; /* Darkest on active */
}
.btn-warning {
  	background-color: #aa6708;  /* A darker blue */
  	border-color: #aa6708;    /* A darker blue */
	font-size: 1em; /* Adjust size as needed */
}

.btn-warning:hover {
  background-color: #a25f00; /* Even darker on hover */
  border-color: #a25f00;
}

.btn-warning:focus {
    outline-color: transparent;
    box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.5); /* Custom focus shadow */
}

.btn-warning:active {
    background-color: #a25f00; /* Darkest on active */
}

.btn-danger {
  	background-color: #d4423c;  /* A darker blue */
  	border-color: #d4423c;    /* A darker blue */
	font-size: 1em; /* Adjust size as needed */
}

.btn-danger:hover {
  background-color: #cb3933; /* Even darker on hover */
  border-color: #cb3933;
}

.btn-danger:focus {
    outline-color: transparent;
    box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.5); /* Custom focus shadow */
}

.btn-danger:active {
    background-color: #cb3933; /* Darkest on active */
}
/* --------------------------------Bootstrap Alert Boxes-------------------- */

.alert-primary {color: black !important;}
.alert-secondary {color: black !important;}
.alert-success {color: black !important;}
.alert-danger {color: black !important;}
.alert-warning {color: black !important;}
.alert-info {color: black !important;}
.alert-light {color: black !important;}
.alert-dark {color: black !important;}



/* -------------------------------- Modules --------------------------------- */



.jumbotron_epay {
    background-image: url('/PublishingImages/jumbotron-epay.jpg');
    background-size: cover;
    height: 100%;
    color: white;
    text-shadow: black 0.05em 0.05em;
}

.jumbotron_epay_btn {
    color: black;
    text-shadow: black 0.0em 0.0em;

}

.jumbotron_calendars {
    background-image: url('/PublishingImages/jumbotron-calendars.jpg');
    background-size: cover;
    height: 100%;
    color: white;
    text-shadow: black 0.05em 0.05em;
}

.jumbotron_calendars_btn {
    color: black;
    text-shadow: black 0.0em 0.0em;

}


.jumbotron_find_a_court {
    background-image: url('/PublishingImages/map.jpg');
    background-size: cover;
    height: 100%;
    color: black;
    text-shadow: white 0.05em 0.05em;
}

.jumbotron_file_a_case {
    background-image: url('/PublishingImages/file-a-case.jpg');
    background-size: cover;
    height: 100%;
    color: black;
    xxtext-shadow: white 0.05em 0.05em;

}

.jumbotron_find_a_form {
    background-image: url('/PublishingImages/find-a-form.jpg');
    background-size: cover;
    height: 100%;
    color: black;
    xxtext-shadow: white 0.0em 0.1em;
}

.jumbotron_ad_iForms {
    background-image: url('/PublishingImages/OS-iForms.jpg');
    background-size: cover;
    height: 100%;
    color: black;
    text-shadow: white 0.0em 0.2em;
}



.ojdwell {
    background-image: url('/PublishingImages/bg-welcome.jpg');	
    xxbackground-attachment:fixed!important;
    background-position:50% 50%;
    background-size:cover!important;

}

.ojdwell .col-md-3 {
     border-left: 1px solid gray;
     border-right: 1px solid gray;
}

.ojdwell .col-md-6 {
     border-left: 1px solid gray;
     border-right: 1px solid gray;
}

.ojd_btn_white_font {
     color: white; 
     margin: 5px;
     text-shadow: white 0.0em 0.0em;
}


a.ojd_btn_white_font:link, a.ojd_btn_white_font:visited,  a.ojd_btn_white_font:hover, a.ojd_btn_white_font:active  {
     color: white; 
}




.form-mode-edit .or-auto-accordion {
    border: solid 1px grey;
    border-radius: 4px;
}

.form-mode-edit .or-auto-accordion-heading {
    border-bottom: solid 1px grey;
    padding: 12px;
}

.form-mode-edit .or-auto-accordion-body {
    padding: 12px;
}

.form-mode-display .or-auto-accordion {
    display: none;
}


/* -------------------------------- Modifications July 2017 --------------------------------- */

.or-accordion-heading-title h2.panel-title {
	font-size: 16pt;
}

.task-choice1 {
	padding: 20px 10px; 
	margin-bottom: 20px; 
	margin-left: 0px; 
	background-color: rgb(215, 215, 215);
}

.task-choice2 {
	padding: 20px 10px; 
	margin-bottom: 20px; 
	margin-left: 0px; 
	background-color: rgb(235, 235, 235);
}

.task-choice3 {
	padding: 20px 10px; 
	margin-bottom: 20px; 
	margin-left: 0px; 
	background-color: rgb(195, 195, 195);
}

.task-choice4 {
	padding: 20px 10px; 
	margin-bottom: 20px; 
	margin-left: 0px; 
	background-color: rgb(175, 175, 175);
}

.task-choice-image-offset {
	margin-top: 10px;
}

.task-choice-image-width {
	width:100px;
}

a.task-choice-image-button-font-color, a.task-choice-image-button-font-color:visited {
	margin: 5px; 
	color: rgb(255, 255, 255);
}

.main a:visited {
    color: #3661c4;
}

/* Overide the Bootstrap font color to be black instead of gold */
#noticeBox {color:black}

/* ---------Fix issue with Data Table Search Buttons Not Displaying - 18 Aug 2025 / AJP --------------------------------- */
.input-group-btn .btn-primary{
	font-size:1.4rem;
}