/* Admin List Styles */

.afAdminListScrollDiv
 {
	width:100%; height:400px; overflow:auto; padding:0px 0px 0px 0px;
 }

.afAdminData
{
	background-color:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	border: solid 1px #DDDDDD;
	padding:  5px  5px 5px 5px;
}	

.afAdminHeader
{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	padding:  25px 0px 5px 0px;
}

.afAdminListFrame
{
	padding:1px 1px 1px 1px;
	margin: 2px 2px 2px 2px;
	background-color: rgb(35,71,142);
	height:300px;
	width:100%;
	border: solid 1px rgb(35,71,142);
  border-radius:5px;
}

.afAdminListLeft
{
	padding:5px 0px 2px 0px;
	border-right: solid 1px rgb(35,71,142);
	background-color: #FFFFFF;
}
.afAdminListLeft a:link { font-weight: bold; color: rgb(35,71,142); text-decoration: none}
.afAdminListLeft a:active { font-weight: bold; color: rgb(35,71,142); text-decoration: none}
.afAdminListLeft a:visited { font-weight: bold; color: rgb(35,71,142); text-decoration: none}
.afAdminListLeft a:hover { font-weight: bold; color: #666666; text-decoration: none}
 
.afAdminNavTree
{
	padding:  2px 0px 2px 0px;
	font-size:12px;
}
.afAdminNavTreeNode
{
	padding:  3px 0px 3px 2px;
  margin:1px 0px 1px 0px;
  min-width:160px;
} 
.afAdminNavTreeNode a {min-width:160px;}
.afAdminNavTreeNode a:link { font-weight: normal; color: #000000; text-decoration: none}
.afAdminNavTreeNode a:active { font-weight: normal; color: #000000; text-decoration: none}
.afAdminNavTreeNode a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afAdminNavTreeNode a:hover { font-weight: normal; color: #666666; text-decoration: none}
 
.afAdminNavTreeNodeSelected 
{
	color:#0033CC;
	padding:  3px 0px 3px 2px;
	background-color:#CCCCCC;
  border-radius:3px;
  margin:1px 0px 1px 0px;
  min-width:160px;
}  
.afAdminNavTreeNodeSelected a {min-width:160px;}

.afAdminNavTreeNodeHover 
{
	background-color:#CCCCCC;
  border-radius:3px;
} 
.afAdminNavTreeNodeSelected a:link { font-weight: bold; color: #0033CC; text-decoration: none}
.afAdminNavTreeNodeSelected a:active { font-weight: bold; color: #0033CC; text-decoration: none}
.afAdminNavTreeNodeSelected a:visited { font-weight: bold; color: #0033CC; text-decoration: none}
.afAdminNavTreeNodeSelected a:hover { font-weight: bold; color: #666666; text-decoration: none}
 
.afAdminList 
{
	background-color: #FFFFFF;
	padding:0 1px 0 1px;
	border: solid 1px #FFFFFF;
	width:100%;
  font-family:Verdana,Arial;
}	
.afAdminListFrame TH
{
	padding: 10px 5px 10px 5px;
	color: #FFFFFF;
	background-image: url(images/framebackgroundX.jpg);
	background-repeat: repeat-x;		
}

.afAdminList TD
{
	padding-left:  5px;
	padding-right:  2px;
  padding-top: 5px;
  padding-bottom: 4px;
}	

.afAdminList TH
{
	/*background-image: url(images/listheaderbg.jpg);
	background-repeat: repeat-x;	*/
	background-color:rgb(240,240,240);
	color:#666666;
	font-size:11px;
	font-weight:bold;
	padding:  2px 5px 2px 5px;
	Height: 15px;
}
.afAdminListHeader
{
	font-size:11px;
	font-weight:bold;
	padding:  2px 5px 2px 5px;
	Height: 15px;
  border-bottom:1px solid rgb(230, 230, 230);
      	
}
.afAdminListHeader a:link { font-size:10px; font-weight: normal; color: #666666; text-decoration: none}
.afAdminListHeader a:active { font-size:10px; font-weight: normal; color: #666666; text-decoration: none}
.afAdminListHeader a:visited { font-size:10px; font-weight: normal; color: #666666; text-decoration: none}
.afAdminListHeader a:hover { font-size:10px; font-weight: normal; color: #666666; text-decoration: underline}

.afAdminListFooter
{
	font-size:11px;
	font-weight:normal;
	padding:  2px 5px 2px 5px;
	Height: 15px;
	background-color:#DEDEDE;
 
}

.afAdminData
{
	background-color:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-weight:normal;
	border: solid 1px #DDDDDD;
	padding:  5px  5px 5px 5px;
}	

.afAdminListRow
{
  background-color: #FFFFFF;
  color:black;
  padding: 3px 5px 0px 5px;
  margin: 1px 1px 1px 1px;
  height:25px;
  text-align:left;
  font-size:11px;
  border: solid 1px #DDDDDD;
  /* cursor: pointer; */
}
.afAdminListRow.Open { color:darkblue;}
.afAdminListRow.Closed { background-color: rgb(240, 240, 240);}
.afAdminListRow.Open.Assigned {background-color: rgb(255,253,245);}
.afAdminListRow.Open.Returned {background-color: rgb(255, 249, 230);} 
.afAdminListRow.Open.Recalled {background-color: rgb(255, 249, 230);} 

	.afAdminListRow.Assigned {
		background-color: rgb(255,253,245);
	}

	.afAdminListRow.Returned {
		background-color: rgb(255,249,230);
	}

	.afAdminListRow.Recalled {
		background-color: rgb(255,249,230);
	}

.afAdminListRowHover
{
  background-color:#FFFFD5;
  color:black;
  padding: 3px 5px 0px 5px;
  margin: 1px 1px 1px 1px;
  text-align:left;
  font-size:11px; 
  cursor: pointer;
}
.afAdminListRowHover.Open { color:darkblue;}

/* .afAdminListRow TD {padding:0 5px 0 5px; } */

.afAdminListRow a:link { font-weight: normal; color: #000000; text-decoration: none}
.afAdminListRow a:active { font-weight: normal; color: #000000; text-decoration: none}
.afAdminListRow a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afAdminListRow a:hover { font-weight: normal; color: #666666; text-decoration: underline}

.afAdminListRowAlt a:link { font-weight: normal; color: #000000; text-decoration: none}
.afAdminListRowAlt a:active { font-weight: normal; color: #000000; text-decoration: none}
.afAdminListRowAlt a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afAdminListRowAlt a:hover { font-weight: normal; color: #666666; text-decoration: underline}

.afAdminListRowHover a:link { font-weight: normal; color: #000000; text-decoration: none}
.afAdminListRowHover a:active { font-weight: normal; color: #000000; text-decoration: none}
.afAdminListRowHover a:visited { font-weight: normal; color: #000000; text-decoration: none}
.afAdminListRowHover a:hover { font-weight: normal; color: #666666; text-decoration: underline}

.afAdminListRowSelected{
  background-color:#f6f6db;
  color:black;
  padding: 3px 5px 0px 5px;
  margin: 1px 1px 1px 1px;
  height:25px;
  text-align:left;
  font-size:11px; 
  cursor: pointer;
}

.afAdminListPager
{
	text-align:right;
	width:100%;
  height:20px;
	color: #333333;
	background:rgb(240,240,240);
	font-weight:normal;
  font-family:Verdana,arial;
	font-size:10px;
	padding:2px 10px 2px 2px;
  border-top:1px solid rgb(230,230,230);;
	/*background-image: url(images/listfooterbg.jpg);
	background-repeat: repeat-x;			*/
}
.afAdminListPager a:link { font-size:10px; font-weight: normal; color: #666666; text-decoration: none}
.afAdminListPager a:active { font-size:10px; font-weight: normal; color: #666666; text-decoration: none}
.afAdminListPager a:visited { font-size:10px; font-weight: normal; color: #666666; text-decoration: none}
.afAdminListPager a:hover { font-size:10px; font-weight: normal; color: #666666; text-decoration: underline}

.afListPagerSmall
{
	text-align:right;
	width:100%;
	color: #666666;
  background-color:rgb(241,241,241);
	font-weight:normal;
	font-size:9px;
	padding:0px 10px 0px 2px;
}
.afListPagerSmall a:link { font-size:9px; font-weight: normal; color: #666666; text-decoration: none}
.afListPagerSmall a:active { font-size:9px; font-weight: normal; color: #666666; text-decoration: none}
.afListPagerSmall a:visited { font-size:9px; font-weight: normal; color: #666666; text-decoration: none}
.afListPagerSmall a:hover { font-size:9px; font-weight: normal; color: #666666; text-decoration: underline}


.afListPagerSmallCenter
{
	text-align:center;
	width:100%;
	color: #666666;
	font-weight:normal;
	font-size:9px;
	padding:0px 10px 0px 2px;
}
.afListPagerSmallCenter a:link { font-size:9px; font-weight: normal; color: #666666; text-decoration: none}
.afListPagerSmallCenter a:active { font-size:9px; font-weight: normal; color: #666666; text-decoration: none}
.afListPagerSmallCenter a:visited { font-size:9px; font-weight: normal; color: #666666; text-decoration: none}
.afListPagerSmallCenter a:hover { font-size:9px; font-weight: normal; color: #666666; text-decoration: underline}


.afIntegratedMaintPage 
{

	width:100%;	 	  
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:solid 2px rgb(35,71,142);
	border-left:solid 2px rgb(35,71,142);
	border-right:solid 2px rgb(35,71,142);
	border-bottom:solid 2px rgb(35,71,142);		 
  border-radius:5px;
}
.afIntegratedMaintPageX TH 
{
  height:30px;
  /*border:solid 3px #CFE3EA; */
  font-size:20px;
  padding-left:5px; 
}
.afIntegratedMaintHeader 
{
	 font-size:20px;
	 font-weight:bold;
	 color: rgb(250,250,250);
	 padding:5px 0px 5px 0px;
}

.afIntegratedMaintButtons
{
	background-color:rgb(35,71,142);
	height:30px;
	vertical-align:middle;
	margin:5px 0px 0px 5px;
	padding:15px 5px 5px 10px;  	
	/*border-left:solid 3px #CFE3EA;
	border-right:solid 3px #CFE3EA;
	border-bottom:solid 2px #CFE3EA;	 */
}

.afIntegratedMaintDataHeader 
{
	 font-size:16px;
	 font-weight:bold;
	 color:#999999;
	 padding:0px 0px 5px 0px;
}

.afIntegratedMaintPanel
{
	background-color:#FFFFFF;
	border-right:solid 2px rgb(35,71,142);
	

}
.afIntegratedMaintPanel2
{
	background-color:#FFFFFF;
	border-right:solid 2px rgb(35,71,142);
}

.afIntegratedMaintScrollListDiv
{
	 overflow:auto;
	 border: None;
	 margin:2px 2px 2px 2px;
	 background-color:#FFFFFF;
	 width:180px;
	 height:450px;	 
}


.afIntegratedMaintDetail 
{
	background-color:#FFFFFF;
	width:100%;
	border-left:none;
	/*border-rightX:solid 1px #CFE3EA;
	border-bottomX:solid 1px #CFE3EA;	*/
}
.afIntegratedMaintDetailButtons
{
    background-color:rgb(35,71,142);
	height:30px;
	margin:5px 0px 0px 3px;	
	padding:15px 5px 5px 10px;  	
	border-bottom:none;
}
.afIntegratedMaintDetailButtons2
{
    background-image: url(common/toolbar/toolbarbg.jpg);
    background-repeat: repeat-x;
    background-color:rgb(35,71,142);
	height:27px;
	margin:5px 0px 0px 3px;
	padding:3px 3px 0px 5px;
}
.afIntegratedMaintDetailButtons3
{
    background-color:rgb(35,71,142);
	height:20px;
	margin:5px 0px 0px 3px;
	padding:3px 3px 0px 5px;
}

.afIntegratedMaintDetailContent
{
	height:473px;  
	padding:10px 5px 5px 10px;
}
.afIntegratedMaintDetailScrollDiv
 {
	width:99%; height:443px; overflow:auto; padding:5px 0px 5px 5px;
 }
 
.afIntegratedMaintBottom 
{
	font-size:10px;
}
 
.afALButton
{
	background-color:#E6EFF4;
	border: solid 1px #333333;
	
}
 
.afMessageDisplay.afIntegratedMaint 
{
	margin:0px 10px 0px 0px;
	width:98%;
	font-size:9px;
}



.afInfoPanel
{
	margin: 2px 10px 10px 2px;
	background-color:White;
	width:100%;
	border: solid 2px rgb(35,71,142);
  border-radius:5px;
  

}
.afInfoPanelHeader {
    background-color: rgb(35,71,142);
    padding: 4px 5px 5px 5px;color: rgb(250,250,250); font-size:15px; text-align:left;height:22px;}
.afInfoPanelHeader a:link { font-size:10px; font-weight: normal; color: rgb(250,250,250); text-decoration: none}
.afInfoPanelHeader a:active { font-size:10px; font-weight: normal; color: rgb(250,250,250); text-decoration: none}
.afInfoPanelHeader a:visited { font-size:10px; font-weight: normal; color: rgb(250,250,250); text-decoration: none}
.afInfoPanelHeader a:hover { font-size:10px; font-weight: normal; color: rgb(250,250,250); text-decoration: underline}

.afInfoPanelDetail {height:100px;padding:1px 1px 1px 1px;border-top: solid 4px rgb(35,71,142);}


.afInfoPanelDetail H2 {color: rgb(35,71,142); font-size:13px; }
UL.CheckboxList {list-style-type:none;}
UL.CheckboxList LI {display:inline-block; width:155px;}
UL.CheckboxList LI LABEL {font-size:10px;}



/* Locked Info Panels should have grey backgrounds*/
 .afInfoPanel.locked td.afInfoPanelDetail, 
 .afInfoPanel.locked td.afInfoPanelButtons,
 .afInfoPanel.locked .afIntegratedMaintScrollListDiv
 {
  background-color:#ebebeb;
 }
 
 .afInfoPanel.locked .afAdminList,
 .afInfoPanel.locked .afAdminListRow,
 .afInfoPanel.locked .afSelectList
 {
  background-color:#ebebeb;
  border: solid 1px #ebebeb;
 }


.afInfoPanelButtons {height:30px;padding:5px 10px 5px 5px; text-align:right; font-size: 11px;}



.afAlertPanel
{
	margin: 0px 0px 0px 5px;
	background-color:White;
	width:100%;
	border: solid 1px #666666;
}
.afAlertPanelHeader {background-color: #CDCDCD;padding: 2px 5px 2px 5px;color: #990000;text-align:center;height:22px;font-weight:normal;font-size:14px;}
.afAlertPanelDetail {height:100px;padding:2px 2px 2px 2px;border-top: solid 4px rgb(35,71,142);}

afModalPopup
{
	width:800px;
	height:800px;
	border:solid 1px black;
}

.afModalBackground
{
	background-color:rgb(130,130,130);
	filter:alpha(opacity=60);
	opacity:0.5;
}


.afSearchHighlight {
  background-color:#FFFFD5

}


.dashboardClaimTypeSelector {
  background-color: rgb(35,71,142);
  border-bottom:2px solid rgb(240, 240, 240);
  color: #fff;
  height:35px;

}
  .dashboardClaimTypeSelector select {
    width: 100%;
    color: #fff;
    border:none;
    height:35px;

  }
  .dashboardClaimTypeSelector select option {
    color: #444;

  }


.accordionHeader {
  	/*background-color: rgb(35,76,146);*/
	  background-color:rgb(230,230,230);
    color:#333333;
    text-align:left;
    padding:10px 0px 0px 3px;
    margin:0px 0px 2px 0px;
    font-weight:normal;
    font-size:11px;
    height:25px;
    vertical-align:middle;
    cursor: pointer;
}

.accordionHeaderSelected {
    background-color: rgb(82,101,154);
    color:white;
    text-align:left;
    padding:10px 0px 0px 3px;
    margin:0px 0px 2px 0px;
    font-weight:bold;
    font-size:11px;
    height:25px;
    vertical-align:middle;
    cursor: pointer;
}

.accordionHeader A, .accordionHeaderSelected A {
    font-size: 11px!important;
    display:block!important;
    width: 100%!important;
    height: 25px;
}
.accordionHeader A:hover {
  text-decoration:none;
}
.accordionHeaderSelected A {
  width:100%;
  color:white!important;
}
.accordionHeaderSelected A:hover {
  color:white!important;
  text-decoration:none;
}

.afGridRowImageMoveUp {
  padding: 5px 2px 2px 2px;

}
.afGridRowImageMoveDown {
  padding: 5px 2px 2px 2px;

}
.afGridRowImagePopupMenuX {
  margin-top: 4px;
}
.afAdminRowPopupMenu {
  padding: 5px;
  margin-right: 5px;
  border: 1px solid #999999;
  background-color: #fafafa;
  text-align:left;
  font-size:8px;

}
.afAdminList TD .afAdminRowPopupMenu TD {
  padding: 2px 2px 2px 0px;
}
.afAdminRowPopupMenu A {
  font-size:8px;
  padding-top:1px;
  padding-bottom:1px;
  padding-right: 0px;
}
.afAdminRowPopupMenu A:hover {
  text-decoration:none;
}

.afMPEParent {
  position: fixed;
  top: 0px;
  left: 0px;

}

.afAdminButtonPopupMenu {
  padding: 0px;
  margin-right: 5px;
  border: 1px solid #999999;
  background-color: #ebebeb;
  text-align:left;
  font-size:12px;

}
.afAdminButtonPopupMenu TD {
  padding:5px 10px;

}
.afAdminButtonPopupMenu TD.nth-child(2) {
  padding-top:10px;
}
  .afAdminButtonPopupMenu tr:hover {
  background-color: #cdcdcd;
  }

  .afAdminButtonPopupMenu a:hover {
  text-decoration:none;
  color:#000;
  }
 .afAdminButtonPopupMenu span {
  padding-right:5px;
  }

.resizingImage {
	padding: 0px;
}

.overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 10;
	background-image: url('images/overlay.png'); /* relative to the style sheet file location */
	background-repeat: repeat;
}

.dragControl {
	background-color: transparent;
	z-index: 100;
}

.dragMePanel /* this provides the top edge that is the dragable area */ {
	background-repeat: repeat-x;
	cursor: move;
	width: 10%;
	height: 12px;
	z-index: 210;
}

.handleResizer {
	width: 900px;
	height: 700px;
	overflow: hidden;
	cursor: se-resize;
}

#ctl00_cphPageDetail_dragControl1 div:nth-child(2) {
	background-color: transparent !important;
}

.modal {
	width: 98%;
	height: 98%;
	overflow: hidden;
	position: absolute;
	display: flex;
	flex-direction: column;
	margin: 2px 10px 10px 2px;
	background-color: White;
	border: solid 2px rgb(35,71,142);
	border-radius: 4px;
	min-height: 400px;
	min-width: 400px;
}

.image-container {
	background: white;
	flex-grow: 1;
	position: relative;
	overflow: hidden;
}

.image-container img {
	object-fit: contain;
	width: 100% !important;
	height: 100% !important;
}

.controls-container {
	background: white;
}

.loader {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border: 3px solid #23478e;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: spin 2s linear infinite;
	margin-bottom: -6px;
}

@-webkit-keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.timeline ul {
	list-style-type: none;
	padding-left: 10px;
}

	.timeline ul li {
		padding: 10px 5px 5px 0px;
		position: relative;
		transition: .5s;
	}
		
.activityArrowImg {
	padding-left: 20px;
	float: right;
}

.activityEditImg {
	padding-left: 5px;
	padding-bottom: 4px;
}

.activitySpan {
	font-weight: bold;
	padding: 2px;
	text-align: center;
}

.afInfoPanel.locked.afInfoPanelDetailAppraiserEstimator {
	background-color: #ebebeb;
}

.dropdown-menu {
	display: none;
	position: absolute;
	background-color: white;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	z-index: 1000;
	width: 200px;
}

.dropdown-menu a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #333;
	border-radius: 3px;
}

.dropdown-menu a:hover {
	background-color: #f0f0f0;
	color: black;
}


.container-damage {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	position: absolute;
}

.car {
	position: relative;
	width: 300px;
	height: 150px;
	background: url('images/rv_damage.png') no-repeat center center;
	/* No rotation for horizontal layout */
	border-radius: 10px;
	
}

.button {
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: white !important;
	border: 1px solid lightblue !important;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	padding: 0 !important;
}

	.button:hover {
		background-color: lightblue !important;
	}

	.button.active {
		background-color: orange !important;
	}
/* Adjusted positioning for horizontal layout */
.b1 {
	left: 30px;
}

.b2 {
	left: 80px;
}

.b3 {
	left: 130px;
}

.b4 {
	left: 180px;
}

.b5 {
	left: 230px;
}

.b6 {
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
/* End (right side) */
.b7 {
	left: 220px;
	bottom: 0px;
}

.b8 {
	left: 160px;
	bottom: 0px;
}

.b9 {
	left: 100px;
	bottom: 0px;
}

.b10 {
	left: 40px;
	bottom: 0px;
}

.b11 {
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.b12 {
	top: 49%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: orange;
}
/* Front (left side) */

.fullscreen {
	height: 60%;
}

.af-modal-fullscreen {
	top: 2vw !important;
	left: 5vw !important;
	width: 90vw !important;
	height: 60vw !important;
}

.af-add-part-upper-div {
	height: 100% !important;
}

.af-add-part-panel {
	height: 85%;
	max-height: 628px;
}

@media screen and (min-height: 768px) {
	.af-add-part-panel {
		height: 100%;
		max-height: 800px;
	}
	.fullscreen {
		height: 90% !important;
	}
}

.af-add-part-grid {
	height: 100% !important;
}

.af-add-part-upper {
	height: 50%;
	padding: 5px 5px 0px 5px;
}

.afAddPartsUpperSectionDivSmall {
	display: flex;
	height: 32vh;
	max-height: 300px
}

.afAddPartsUpperSectionDivBig {
	display: flex;
	height: 60vh;
}

.bg-rv-default {
	position: relative;
	width: 650px;
	height: 600px;
	background: url('images/duncanrv.jpg') no-repeat center center;
	border-radius: 10px;
	background-size: contain;
}


@media screen and (min-height: 795px) {
	.bg-rv-default {
		margin-top: 100px;
	}
}