/* CourtTracker CSS */
/* (c) 2024 Court Data Technologies LLC */

/* Link colors and attributes */
a.psf			{ text-decoration:	none; }
a.psf:link		{ color: #0066FF; background-color: transparent; }
a.psf:visited	{ color: #0066FF; background-color: transparent; }
a.psf:active	{ color: #3366CC; background-color: transparent; }
a.psf:hover		{ color: #000099; background-color: transparent; }

/* Body attributes B1BFE1*/

body			{ background-color: #FFFFFF; color: #2a4350; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #2a4350}
.sidebar .nav-link {
    color: #497fcc;
}
input.filters {margin-right: 7px;}

input:disabled+label {color:rgba(118, 118, 118, 0.5);}

.blueSelect {accent-color: #497fcc; }

/* CSS definitions for fonts */

.V9 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.V10W 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
.V10WB 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: 900; }
.V9G 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }
.V10 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
p.demo	 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #5281EB; font-weight:bold; }
.V11 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.V12 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.V14 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
.V9BOLD 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 900; }
.V10BOLD 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 900; color: #000000; }
.V10BOLDBL 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 900; color: #242F4B; }
.G10 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0066FF; }
.G10B 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.G10BOLD 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 900; }
.G10G 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A1A5A9; }
.H20 			{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000000; }
.H16 			{ font-family: Helvetica, sans-serif; font-size: 16px; color: #000000; }
.eventfont 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
.company 			{ font-family: Raleway, sans-serif; font-size: 40px; color: #2a4350; }
.company2 		{ font-family: Raleway, sans-serif; font-size: 32px; color: #2a4350; max-width: 350px;}
.title 				{ font-family: Raleway, sans-serif; font-size: 1.9rem; color: #2a4350; padding: 20px 0; letter-spacing: 0.03rem;}
.title2				{ font-family: Raleway, sans-serif; font-size: 20px; color: #2a4350;  }



/* Length of the form drop downs */

.query_style 	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 156px; margin-bottom: 0; }
.search_style 	{ font-size: 12px; font-family: verdana, geneva, arial, sans-serif; width: 134px; margin-bottom: 0; }
.login_style	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 80px; margin-bottom: 0; }

.myButton {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #1a89c5 5%, #497fcc 100%); /*0061a7*/
	background-color:#1a89c5; /*007dc1*/
	border-radius:3px;
	border:1px solid #124d77; /*124d77*/
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.myButton:active {
	position:relative;
	top:1px;
}

.BigListButton{
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #245c7a 5%, #0a2e47 100%);
	background-color:#245c7a;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:20px;
	font-weight:bold;
	padding:6px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.BigListButton:hover {
	background:linear-gradient(to bottom, #0a2e47 5%, #245c7a 100%);
	background-color:#0a2e47;
}
.BigListButton:active {
	position:relative;
	top:1px;
}
.ButtonLogout {
	box-shadow: 0px 0px 0px 0px #f0f7fa;
	background:linear-gradient(to bottom, #59b1eb 5%, #54aeea 100%);
	background-color:#59b1eb;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:20px;
	font-weight:bold;
	padding:6px 25px;
	text-decoration:none;
	text-shadow:2px 2px 5px #5b6178;
}
.ButtonLogout:hover {
	background:linear-gradient(to bottom, #54aeea 5%, #59b1eb 100%);
	background-color:#54aeea;
}
.ButtonLogout:active {
	position:relative;
	top:1px;
}

.center {
  text-align: center;
	}
	
.reportcol {
	min-width:150px;
	}

table {
    border-spacing: 10px;
}

/* Big List switch */
.onoffswitch {
    position: relative; width: 127px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 15px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 22px; padding: 0; line-height: 22px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "On Big List";
    padding-left: 10px;
    background-color: #2B75A6; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Add Big List";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 12px; margin: 5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 101px;
    border: 2px solid #999999; border-radius: 15px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/* eof Big List switch */

.EditBigList {
	box-shadow:inset 0px 0px 0px 0px #9acc85;
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:7px 25px;
	text-decoration:none;
}
.EditBigList:hover {
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	background-color:#68a54b;
}
.EditBigList:active {
	position:relative;
	top:1px;
}

/* radio buttons for Keep/Discard */

.radio-toolbar {
  margin: 50px;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #ddd;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 1px solid #bbb;
    border-radius: 4px;
}

.radio-toolbar label:hover {
  background-color: #dfd;
}

.radio-toolbar input[type="radio"]:focus + label {
    border: 1px dashed #bbb;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #bfb;
    border-color: #4c4;
}

input.checkjgmt {
  width:24px;
  height:24px;
}

.btn-setdefault {
	background-image: linear-gradient(to right, #919da6 0%, #718a99  51%, #919da6  100%);
	font-size: 14px;
	margin: 10px;
	padding: 6px 24px;
	text-align: center;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;            
	/*box-shadow: 0 0 20px #eee;*/
	border-radius: 3px;
	display: block;
	border-width: 1px;
	border-color: #919da6;
}

.btn-setdefault:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

.attydetail table {
	margin-top: 0;
	margin-bottom: 2em;
	text-align: left;
	font-size: .95em;
	border: 1px solid #666;
	border-collapse: collapse;
	caption-side: top;
}
.attydetail table caption {
text-align: left;
padding: 1.25rem 0 0.5rem 0;
font-size: 1.4rem;
}

.firmName {
text-align: left;
padding: .25em 0 .5em 0;
font-size: 1.3em;
}

.attydetail th, .attydetail td {border: 1px solid #999; padding: .3em 1em;}
.attydetail th.dec {text-align: right;}
.attydetail table .col1 {max-width: 50%;}
.attydetail table .sub0 {
	font-weight: normal;
	padding-left: 1em;
}
.attydetail table .sub1 {
	padding-left: 1em;
	font-weight: normal;
	border: 1px solid #999;
}

.attydetail table tr.subtotal th {
border-color: #999;
}
.attydetail table .sub2 {padding-left: 2.5em; font-weight: normal;}
.attydetail table.ath td, .attydetail table.ath th {
padding-right: .25em;
}

.attydetail table tbody th[scope="row"] {font-weight: normal;}
.attydetail table tbody th[colspan="2"],.attydetail table th[colspan="4"], .attydetail table tbody#special {background: #dedede;}
.attydetail table th[scope="rowgroup"]{
	color: #404040;
	background-color: #F9F9F9;
}



.attydetail table tbody tr.total * {
	font-weight: bold;
	color: #404040;
}
.attydetail table tbody tr.subtotal th {padding-left: 1.5em;}
.attydetail table thead th,  .attydetail table tfoot {font-size: 1em;font-weight: bold; background: #efefef; padding: .5em;}
.attydetail table tbody, .attydetail table tfoot {border-top: 2px solid #333;border-bottom: 2px solid #333}




.attydetail table tfoot td {text-align: right;}
.attydetail table .sub * {color: #333;}



.monthlyfirm table {
	margin-top: 0;
	margin-bottom: 2em;
	text-align: left;
	font-size: .95em;
	border: 1px solid #666;
	border-collapse: collapse;
	caption-side: top;
}
.monthlyfirm table caption {
text-align: left;
padding: 1.25rem 0 0.5rem 0;
font-size: 1.4rem;
}

.monthlyfirm th, .monthlyfirm td {border: 1px solid #999; padding: .3em 1em;}
.monthlyfirm th.dec {text-align: right;}
.monthlyfirm table .col1 {max-width: 50%;}
.monthlyfirm table .sub0 {
	font-weight: normal;
	padding-left: 1em;
}
.monthlyfirm table .sub1 {
	padding-left: 1em;
	font-weight: normal;
	border: 1px solid #999;
}

.monthlyfirm table tr.subtotal th {
border-color: #999;
}
.monthlyfirm table .sub2 {padding-left: 2.5em; font-weight: normal;}
.monthlyfirm table.ath td, .monthlyfirm table.ath th {
padding-right: .25em;
}

.monthlyfirm table tbody th[scope="row"] {font-weight: normal;}
.monthlyfirm table tbody th[colspan="2"],.monthlyfirm table th[colspan="4"], .monthlyfirm table tbody#special {background: #dedede;}
.monthlyfirm table th[scope="rowgroup"]{
	color: #404040;
	background-color: #F9F9F9;
}



.monthlyfirm table tbody tr.total * {
	font-weight: bold;
	color: #404040;
}
.monthlyfirm table tbody tr.subtotal th {padding-left: 1.5em;}
.monthlyfirm table thead th,  .monthlyfirm table tfoot {font-size: 1em;font-weight: bold; background: #efefef; padding: .5em;}
.monthlyfirm table tbody, .monthlyfirm table tfoot {border-top: 2px solid #333;border-bottom: 2px solid #333}

.monthlyfirm table tfoot td {text-align: right;}
.monthlyfirm table .sub * {color: #333;}

.monthlyfirm .clientval{text-align: right;}
.monthlyfirm .previousyear1{background: #efefef;}
.monthlyfirm .previousyear{background: #efefef;border-bottom-width: 2px;}
.monthlyfirm .positivegrowth{}
.monthlyfirm .negativegrowth{}

.monthlyfirm .monthheader{text-align: center;}

.monthlyfirm .caseval{text-align: right; width:50px;}
.monthlyfirm .category{text-align: left; width:200px;}

.attydetail .caseval{text-align: right;}