/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 27 2026 | 03:34:06 */
.entranceSign {}
.entranceSign h2 {}
.entranceSign h3 {}

/*  response  */
@media screen and (max-width: 600px) {
	.entranceSign h2 {}
	.entranceSign h3 {font-size: 100%; }
}

.frpsStaging {background: transparent; text-align: center;}
.frpsStaging .notice {font-style: italic;}

/* ** Rentals Layout ** */
.pRentals {  }
.pRentals ol {}
.pRentals ol li {}
.pRentals ol li.rentalBlockHdr, .pRentals ol li.rentalBlockFtr {display:none;}
.pRentals ol li.rentalBlock.deskOnly {display: none;}
.pRentals ol li.rentalBlock.mobileOnly {margin-bottom: 4px;}

.pRentals li.mobileOnly:nth-child(4n+1) {/*background: #f8f8f8;*/}

li.rentalBlock.mobileOnly {margin-top: 20px; margin-bottom: 0px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
li.rentalBlock.mobileOnly .rTitle {font-weight: bold;}
li.rentalBlock.mobileOnly .rDate {}
	li.rentalBlock.mobileOnly .rDate .start {}
	li.rentalBlock.mobileOnly .rDate .end {}
li.rentalBlock.mobileOnly .rLoc {}
	li.rentalBlock.mobileOnly .rLoc .start {}
	li.rentalBlock.mobileOnly .rLoc .end {}
	li.rentalBlock.mobileOnly .rLoc .code {font-size: 80%;}
li.rentalBlock.mobileOnly .rDriven {}
li.rentalBlock.mobileOnly .vDetails {font-size: 90%;margin-left: 16px; padding-left: 10px; border-left: 3px solid #ddd;}
	li.rentalBlock.mobileOnly .vDetails .label {margin-right: 5px; font-weight: bold;}
	li.rentalBlock.mobileOnly .vDetails .vClass {}
	li.rentalBlock.mobileOnly .vDetails .vClassCharged {}
	li.rentalBlock.mobileOnly .vDetails .rTtlMiles {}
	li.rentalBlock.mobileOnly .vDetails .rCosts {}
		li.rentalBlock.mobileOnly .vDetails .rCosts .per {}
		li.rentalBlock.mobileOnly .vDetails .rCosts .ttl {}
	li.rentalBlock.mobileOnly .vDetails .rNum {}
li.rentalBlock.mobileOnly .rRecpt {margin-left: 10px;}
	li.rentalBlock.mobileOnly .rRecpt .actionBtn {margin: 10px 0;}

/*  response  */
@media screen and (min-width: 800px) {

.pRentals ol li.rentalBlock.mobileOnly {display: none;}
.pRentals ol li.rentalBlock.deskOnly {font-size: 90%;}

.pRentals ol li.deskOnly:nth-child(4n) {background: ivory;}

	.pRentals ol {}
	.pRentals ol li.rentalBlockHdr,	.pRentals ol li.rentalBlockFtr,
	.pRentals ol li.rentalBlock.deskOnly {display:flex; justify-content:flex-start; align-items: flex-start; gap: 4px; }
	.pRentals ol li.rentalBlockHdr div,	.pRentals ol li.rentalBlockFtr div,
	.pRentals ol li.rentalBlock.deskOnly div { min-width: 0; flex: 1; text-align:center; padding: 5px 0;}

	.pRentals ol li.rentalBlockHdr div,
	.pRentals ol li.rentalBlockFtr div {background: #ddd; font-weight: bold;}

	.pRentals ol li.rentalBlock.deskOnly div.rDateS {}
	.pRentals ol li.rentalBlock.deskOnly div.rDateE {}
	.pRentals ol li.rentalBlock.deskOnly div.rLocS {}
	.pRentals ol li.rentalBlock.deskOnly div.rLocE {}
	.pRentals ol li.rentalBlock.deskOnly div.rCostPer {}
	.pRentals ol li.rentalBlock.deskOnly div.rCostTtl {}
	.pRentals ol li.rentalBlock.deskOnly div.rDriven {}
	.pRentals ol li.rentalBlock.deskOnly div.rTtlMiles {}
}

/* ** Trips Layout ** */
.tripsDone {}
.tripsDone ol {}
.tripsDone ol.headings {display: none;}

.tripsDone .tStatus {font-weight: bold;}
	.tripsDone .tStatus .good {color: #690;}
	.tripsDone .tStatus .bad {color: #c30;}
	.tripsDone .tStatus .bad i {}

.tripsDone ol li .tMobile {display: block;}
.tripsDone ol li .tCols {display: none;}

.tripsDone ol li .tMobile {margin-bottom: 5px; padding: 5px; border-bottom: 1px solid #ddd;}
.tripsDone ol li .tMobile:last-child {border: none;}
	.tripsDone .tMobile .label {font-weight: bold; color: #666; color: #999;}
	.tripsDone .tMobile .tSlug {}
	.tripsDone .tMobile .tSlug a {color: #333; font-size: 110%; font-weight: bold;}
	.tripsDone .tMobile .tPath {}
		.tripsDone .tMobile .tPath .icon {padding-left: 5px;}
		.tripsDone .tMobile .tPath .flight {color: #000;}
		.tripsDone .tMobile .tPath .hotel {color: #000;}
		.tripsDone .tMobile .tPath .carkit {color: #000;}
	.tripsDone .tMobile .tStatus {}
		.tripsDone .tMobile .tStatus .label {font-size: 80%; display: inline-block; font-style: italic; margin-right: 10px;}
		.tripsDone .tMobile .good {}
		.tripsDone .tMobile .bad {}

	.tripsDone .tMobile .tRental {}
		.tripsDone .tMobile .tRental .label {font-size: 80%; font-style: italic; margin-right: 10px;}
	.tripsDone .tMobile .tClocks {background: #ddd; font-size: 80%; display: flex; justify-content: space-between; align-items: center; text-align:center; gap: 1px; margin-top: 6px;}
		.tripsDone .tMobile .tClocks .in {width: 35%;}
		.tripsDone .tMobile .tClocks .out {width: 35%;}
		.tripsDone .tMobile .tClocks .hrs {width: 30%;}
			.tripsDone .tMobile .tClocks .hrs .data {font-weight: bold;}
		.tripsDone .tMobile .tClocks .label {background: #999; color: #eee; padding: 4px; display: block;}
		.tripsDone .tMobile .tClocks .data {padding: 5px 0;}
	.tripsDone .tMobile .tTimecard {background: #fefefe; padding: 4px 8px; margin-bottom: 6px;}
	.tripsDone .tMobile .tTimecard .label {display: inline; padding-right: 5px; font-size: 80%; font-style: italic; }
	.tripsDone .tMobile .tTimecard p {display: inline;}

.tripsDone .tMobile .tTops, .tripsDone .tMobile .tTopsX {background: #fefefe; color: #000; padding: 4px 8px; position: relative;}
.tripsDone .tMobile .tTops .topsProfile {font-size: 90%;}
	.tripsDone .tMobile .tTops .topsProfile .label { font-style: italic;}
	.tripsDone .tMobile .tTops .topsProfile .topsID {}
	.tripsDone .tMobile .tTops .topsProfile .topsFrps {}
.tripsDone .tMobile .tTops .topsDates {}
	.tripsDone .tMobile .tTops .topsDates .topsIssued {font-size: 90%;}
	.tripsDone .tMobile .tTops .topsDates .topsExpires {font-size: 90%;}
.tripsDone .tMobile .tTops .topsLink {margin: 10px 0;}
	.tripsDone .tMobile .tTops .topsLink a {display: inline-block;}
.tripsDone .tMobile .tTops .alert {position: absolute; bottom: 10px; right: 10px; display: block; padding: 2px 12px; border-radius: 15px;}
	.tripsDone .tMobile .tTops .alert.topsActive {background: green; color: white;}
	.tripsDone .tMobile .tTops .alert.topsExpired {background: red; color: yellow;}

/*  response  */
@media screen and (min-width: 800px) {
.tripsDone ol li .tMobile {display: none;}
.tripsDone ol li {border-bottom: 1px solid #ddd; padding: 5px 0;}
	.tripsDone ol.headings {font-size: 80%;}
		.tripsDone ol.headings.top {display: block;}
		.tripsDone ol.headings.top li {border: none; border-bottom: 1px solid #666;}
	.tripsDone ol.headings li,
	.tripsDone ol li .tCols {display: flex; justify-content: flex-start; align-items: flex-start; gap: 8px;}
	.tripsDone ol li .tCols {}
		.tripsDone ol li .tSlug {width: 30%; }
		.tripsDone ol li .tDates {display: block; width: 16%; text-align:center; font-family: 'Titillium Web', sans-serif;}
		.tripsDone ol li .tHrs {width: 13%; text-align:center; font-family: 'Titillium Web', sans-serif;}
		.tripsDone ol li .tMiles {width: 10%; text-align:center; font-family: 'Titillium Web', sans-serif;}
		.tripsDone ol li .tStuff {display: block; width: 10%; text-align:center;}
		.tripsDone ol li .tStatus {width: 23%;}
			.tripsDone ol li .tStatus .good {}
			.tripsDone ol li .tStatus .bad {}
		.tripsDone ol.headings.bottom {display: block;}
		.tripsDone ol.headings.bottom li {border: none; border-top: 1px solid #666;}
}

/* ** TOPS List Layout ** */
.topsList {}
.topsList ol {background: #ddd;}
.topsList ol li.topsHdr {}
.topsList ol li.topsHdr span {display: inline-block;background: #ddd; font-size: 90%;}
.topsList ol li {}
.topsList ol li {background: transparent; display: flex; justify-content: space-around; align-items: center;}
.topsList ol li span {display: inline-block; background: #eee; margin: 1px; padding: 4px 8px;}
.topsList ol li span:first-child {}
.topsList ol li span.pTitle {width: 49%;}
.topsList ol li span.pID {width: 23%; text-align:center;}
.topsList ol li span.pDate {width: 28%; text-align:center;}

.pods-pagination {display: flex; justify-content: center; align-items: center; margin-top: 20px; gap: 8px;}
.pods-pagination a,
.pods-pagination span {display: inline-block; padding: 8px 14px; background-color: #f1f1f1; color: #333; border-radius: 4px; text-decoration: none; font-size: 14px; transition: background-color 0.2s ease;}
.pods-pagination a:hover {background-color: #333; color: #ffc011; }
.pods-pagination .current,
.pods-pagination span.current {background-color: #005177; color: #fff; font-weight: bold;}

/* ** TOPS Table Layout ** */
.topsTable {}
.topsTable table {}
.topsTable table tr {}
.topsTable table th {font-family: 'Titillium Web', sans-serif; background: #eee; text-align: left;}
.topsTable table td {font-family: 'Titillium Web', sans-serif;}
.topsTable table td.date {white-space: nowrap; font-variant-numeric: tabular-nums; font-family: 'Titillium Web', sans-serif;}
.topsTable table td.profile {}
/*  response  */
@media screen and (min-width: 800px) {

}

.listTOPS {border: 1px solid blue;}
.listTOPS ol {}
.listTOPS ol li {display: flex; justify-content: space-between; align-items: center;}
.listTOPS ol li span {display: inline-block; width: 25%;}
.listTOPS ol li span a {display: block;}

.agentRoster {}
.agentRoster .agentCards {border: 1px solid blue; margin: 0 0 30px 0; }

.agentRoster .agentCards .sectionBlock {padding: 10px 20px; position: relative;border-bottom: 1px solid #eee;}
.agentRoster .agentCards .sectionBlock h2 {}
.agentRoster .agentCards .sectionBlock h3 { margin-bottom: 0;}
.agentRoster .agentCards .sectionBlock .tn {position: absolute; top: 0; right: 0;}/*    */
.agentRoster .agentCards .sectionBlock .tn img {width: 100%; max-width: 150px;}
.agentRoster .agentCards .sectionBlock .grid {}

.agentRoster .agentCards .sectionBlock .grid .item {display: flex; justify-content: flex-start; align-items: flex-start;}
.agentRoster .agentCards .sectionBlock .grid .item .label {width: 30%;}
.agentRoster .agentCards .sectionBlock .grid .item.notes {}
.agentRoster .agentCards .sectionBlock .grid .item.notes .label {font-style: italic;}
.agentRoster .agentCards .sectionBlock .grid .item .data {width: 70%;}
.agentRoster .agentCards .sectionBlock .grid .item .data p {display: inline; display: block;  margin: 0; padding: 0;}

#pPreTrip .block {border: 1px solid #eee;}
	#pPreTrip .block h4 {text-transform: uppercase; background: #ddd; text-align:center; padding: 6px 0;}
		#pPreTrip .block h4:before, #pretrip .block h4:after {content: '~'; margin: 0 5px;}
	#pPreTrip .block ol {}
	#pPreTrip .block ol li {margin: 5px 0;}

#pPreTrip .req {color: red;}

#pPreTrip .devnote {font-size: 90%; background: #eee; color: #666; font-style: italic;}
	#pPreTrip .devnote.date,
	#pPreTrip .devnote.text,
	#pPreTrip .devnote.select,
	#pPreTrip .devnote.file {text-transform: lowercase;}

	#pPreTrip .devnote.date {}
	#pPreTrip .devnote.text {}
	#pPreTrip .devnote.select {}
	#pPreTrip .devnote.file {}

.times {}
.times .tripdetails {margin: 20px 0;}
.times h3 {background: #eee; border-top: 1px solid #ccc; border-bottom: 3px solid #ccc; margin: 15px 0; padding: 15px;}
.times ul { margin: 0; margin-bottom: 20px; padding: 0;}
.times ul li {display: flex; justify-content: flex-start; align-items: center;}
.times ul li {list-style-type: none; margin: 5px 0;}
.times .label {display: block; width: 250px;}
.times .time {display: block; width: 100px; padding: 10px 0px; border: 1px solid #ccc; text-align:center;}
.times .note {margin-left: 15px; color: red; font-style: italic;}
.times .note.X {margin-left: 0;}

.checklist {margin: 0 auto; padding: 0 20px 20px 20px; border: 2px solid #eee;}
.checklist .formblock { margin: 20px 0; padding: 20px 0; border-bottom: 1px solid #000;}
	.checklist .formblock .agentname {}
		.checklist .formblock .agentname label {display: block;}
		.checklist .formblock .agentname input {width: 180px;}
	.checklist .formblock .kitnumber {}
		.checklist .formblock .kitnumber label {display: block;}
		.checklist .formblock .kitnumber input {width: 180px;}
	.checklist .formblock .kitdate {}
		.checklist .formblock .kitdate label {display: block;}
		.checklist .formblock .kitdate input {width: 180px;}
/*  response  */
@media screen and (min-width: 1200px) {
.checklist .formblock {display: flex; justify-content: space-between; flex-wrap: wrap;}
}

.listnotes {text-align:right; font-size: 80%; font-style:italic; margin-bottom: 20px; color: #666;}
.kitRevised {text-align:right; font-size: 90%; font-style:italic; margin: 10px 0; color: #666;}
.checkboxes .row {
	display: grid;
	grid-template-columns: 30px 50% 40%;
	grid-gap: 6px 0;
	align-items: center;
border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 5px;
}
.checkboxes .row:last-child {border-bottom: none;}

.checkboxes .row .ckbox {}
.checkboxes .row .ckbox .box {width: 14px; height: 14px; margin-right: 12px; border: 2px solid #999;}
.checkboxes .row .label {font-size: 90%;}
.checkboxes .row .tip {font-size: 80%; font-style:italic; color: red; text-align:right;}
.checkboxes .row .tip.x:before {content: '\21E2 '; padding-right: 5px;}



.source {font-style: italic;}
.source h3 {margin: 0; padding: 0; display: inline-block; font-size: 110%; margin-right: 10px;}
.source h3:after {content: ': ';}
.source div {display: inline-block;}


.passBlock {background: transparent; text-align:center;}
.passBlock h2 {}
.passBlock h3 {font-size: 120%;}
.passBlock h3:before, .passBlock h3:after {content: "\2014"; padding: 0 5px;}
.passBlock .passInputBlock {}
.passBlock .passInputBlock form {}
.passBlock .passInputBlock .passInput {background: tomato; display: inline;}
.passBlock .passInputBlock .passInput input {margin: 0; padding: 12px 0;}
.passBlock .passInputBlock .passSubmit {background: tan; display: inline;}
.passBlock .passInputBlock .passSubmit input {}

.passBlock .passInputBlock form input[type="submit"] {background: #333; color: #ffc011; font-family: 'Roboto Mono', monospace; font-size: 100%;}
.passBlock .passInputBlock form input[type="submit"]:hover {background: #ffc011; color: #333;}
.passBlock .passFtr {margin: 20px 0; padding: 10px 0; font-style: italic;}

.ppw-post-password-container {text-align:center; margin: 30px 0;}
.ppw-ppf-desc {background: transparent; font-size: 120%; padding: 10px 0;}
.ppw-ppf-desc h2 {margin: 0;}
.ppw-ppf-desc h3 {margin: 0;}
.ppw-ppf-desc h3:before, .ppw-ppf-desc h3:after {content: "\2014"; padding: 0 5px;}
.ppw-ppf-field-container {background: transparent; margin: 10px 0;}
.ppw-ppf-desc-below {background: transparent;}
.ppwp-wrong-pw-error {margin: 10px 0;}
.ppwp-wrong-pw-error:before {content: "Oops!!"; padding-right: 10px;}
.ppw-pwd-label span {display: none;}
.ppw-pwd-submit-btn[type="submit"] {background: #2d3b7c; color: #fff;}
.ppw-pwd-submit-btn[type="submit"]:hover {background: #6579ab; color: #fff;}