@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Oswald');

body {
	background-color:#ccc;
	font-family:"Roboto Condensed";
}
.orange{
	color: #EA9C29 !important;
}
.centertext{
	text-align:center !important;
}
#content .error-div{
	display:none;
	padding: 10px 0px;
	text-align:left;
	margin-top: -20px;
}
.error-text{
	color: #EA9C29;
	font-weight: 700;
	font-size: 14px;

}
.container.no-gutters {
	padding-left:0px;
	padding-right:0px;
}
#navBar {
	font-family:Oswald;
	padding:10px 0px;
}
#navBar .navbar-toggler {
	font-size:0.9em;
	border:0px;
	margin-left:10px;
}
#navBar .navbar-brand {
	font-size:1em;
	color:#252525;
}

#navBar .nav-item {
	text-align:left;
	padding:10px;
	cursor:pointer;

	background: rgba(235,235,235,1);
	background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
}

#navBar .navbar-brand {
	width:calc(100% - 80px);
	padding-right:40px;
}
#navBarTitleDiv {
	text-align:center;
}
#navBarTitleDiv img {
	margin:0px;
	height:20px;
	margin-top:-7px;
}
#navBarTitle {
	display:inline-block;
	line-height:20px;
	padding-right:5px;
}

#navBarLock {
	position:absolute;
	right:0;
	margin-right:20px
}

#navBarLock img {
	height:20px;
	margin-top:-7px;
}

.nav-item img{
	height: 22px;
	margin-top: -5px;
	margin-left: 10px;
}

#content {
	background-color:#222222;
	margin:0px auto;

	font-family:"Roboto Condensed";

	text-align:center;
	color:white;
}

@media (min-width: 414px) {
	.swal2-modal{
		width: 350px !important;
		margin-left: -175px !important;
	}
	#navBar,#content {
		width:414px;
		margin:0px auto;
	}
}

#content .title {
	font-size:2em;
	line-height:1.1em;
	font-weight:700;
	color:white;
	text-transform: uppercase;
}
#content .subtitle {
	font-size:11pt;
	font-family:"Roboto Condensed";
	font-weight:300;
	color:#EA9C29;
}
#content .c_button {
	background-color:#EA9C29;
	border-radius:2px;
	color:#252525;
	cursor:pointer;
	/* width:235px; */
	/* padding:0px 80px; */
	height:42px;
	display:block;
	margin:0px auto;
	font-size:12px;
	line-height:42px;
}
	#content .c_button.locked{
		background-color: #222;
		color: #EA9C29;
		border: 1px solid #EA9C29;
		cursor: not-allowed;
	}
		#content .c_button.locked:hover {
			background-color:#222;
		}

/* #content .c_button:hover {
	background-color:#0D0D0D;
	color: white;
	text-decoration: none;
} */
#content .c_button.full_width {
	width:100%;
}
#content .c_button.grey {
	background-color:#252525 !important;
	color:white ;
}
#content .c_button.grey:hover {
	background-color:#EA9C29 !important;
	color: #252525;
}

#content .c_select {
	background-color:transparent;
	color:white;
	border:0px;
	font-size:1.2em;
	text-align:center;
	width:100%;
	font-weight:300;
}
#content .c_select option {
	color:black;
	text-align:left;
}

#content .ui-selectmenu-button {
	background-color:transparent;
	color:white;
	border:0px;
	font-size:1.2em;
	font-weight:300;
	text-align-last:center;
	text-align:center;
	font-family: "Roboto Condensed";
}

/* #content .ui-selectmenu-icon {
	color:white !important;
}
	#content .ui-selectmenu-button{
		padding: .4em 0em .4em 1em;
		margin-right: 0px;
		width: 100%;
	}

	.ui-button .ui-icon,
	.ui-state-active .ui-icon, .ui-button:active .ui-icon
	.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{
	    background-image:url('../images/dropdownImage1.png');
	    width: 25px;
	    margin-top: 5px;
	}
		.ui-icon-triangle-1-s{
			background-position: 0px 0px;
		} */

#content .c_input {
	background-color:transparent;
	color:white;
	border:0px;
	font-size:1.2em;
	text-align:center;
	width:100%;
}
	#mainSelectionDiv .c_select{
		height:40px;
		color:white;
		font-weight:300;
		padding:0px 0px;
		font-size: 14pt;
		font-family:"Roboto Condensed";
		font-size: 1.2em;
		width: 100%;
		text-align:left;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-indent: 10px;
		background: url("../images/dropdownImage1.png") no-repeat;
		background-size: 20px;
		background-position: calc(100% - 10px) center;
	}
	/* #mainSelectionDiv .custom-select{
		background-color: transparent;
		color: white;
		border: 0px;
		font-size: 1.2em;
		font-weight: 300;
		text-align-last: center;
		text-align: center;
		font-family: "Roboto Condensed";
		margin: 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-appearance: none;
			-moz-appearance: none;
		background: url("../images/dropdownImage1.png") no-repeat;
		background-size: 20px;
		background-position: calc(100% - 7px) center;
	}
		#mainSelectionDiv .custom-select option{
				color: black;
		} */

.contentSection {
	margin-bottom:20px;
}
.contentSection.noBottomMargin{
	margin-bottom: 0px;
}

.contentBox.no-top-padding {
	padding-top:0px;
}

#main {
	padding-top:250px;
	padding-bottom:5px;

	min-height:500px;
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover auto;
	-moz-background-size: cover auto;
	-o-background-size: cover auto;
	background-size: cover auto;
	background-image:url('../images/2019 RAM 1500 LTD - Delmonico Red_web.jpg');
}

#mainContentBox {
	padding:30px 35px;
	background: rgba(34, 34, 34, 0.9);
	margin:30px;
}
	.mainTitleImage{
		margin-bottom: 3px;
		width: 17px;
	}

#mainTitleDiv {
	margin:20px 0px;
}
#mainSelectionDiv {
	border-bottom:1px solid white;
}

#mainSelectionDiv {
	color:white;
	font-size:1em;
	font-weight:300;
	margin-top: 30px;
}
#mainSelectionWrapper {
	margin-top:0px;
}
#mainTitleDiv .subtitle{
	color: #CECECE;
	font-weight: 700;
	font-size: 9pt;
}


.pageHeader {
	padding:80px 0px 60px 0px;
	/* background-image:url('../images/2019-ram-1500-dt-gallery-exterior-RM019_328FN_c661128348bf836099b518400a9b790-desktop_web.jpg'); */
	background-image:url('../images/ram-main-image.png');

}
#content .pageHeader .title {
	font-weight:400;
	font-family:"Roboto Condensed";
}
#content .pageHeader .subtitle {
	font-weight:400;
}

#stepsContent {
	background-color:#363636;
}
#stepsContent .subtitle {
	font-weight:400;
}
#stepsDiv .stepNum{
	display:inline-block;
	font-size:12px;
	line-height:12px;
	padding-top:13px;
	color:white;
	width:20px;
	height:26px;
}
#stepsDiv .stepNum.active {
	background-image:url('../images/lock_bg.png');
	color:#222;
}
#stepsDiv .stepNum.active[data-stepNum="3"] {
	background-image:url('../images/unlock_bg.png');
	color:#222;
}
.stepSection{
	font-size: 12pt;
	font-weight: 300;
}
	.lastStepSection{
		padding-top: 25px;
		margin-left: 80px;
		margin-right: 80px;
		position: relative;
		background-color: #EA9C29;
		color: #252525;
		z-index: 400;
	}
		#stepsDiv .largeStepNum{
			background-image: url(../images/largeLocked.png);
			background-repeat: no-repeat;
			background-size: 100% 100%;
    		color: #222 !important;
    		width: 24px;
    		height: 32px;
    		padding-left: 1px;
    		padding-top: 17px;
    		font-size: 11pt;
		}
	.upgradeOffer{
		margin-top: 3px;
	}

#truckSelectHeader {
}
#truckSelectHeader .subtitle {
	color:#CECECE;
}
#truckSelectContent .subtitle {
	font-weight: 300;
}
#truckSelectContent, #registerContent {
	padding:20px 80px;
	/* background-color:#222; */
}
	#registerContent input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
	    -webkit-appearance: none;
	    margin: 0;
	}

	#registerContent input[type="number"] {
	    -moz-appearance: textfield;
	}
#unlockContent {
	padding:20px 70px 0px 70px;
	/* background-color:#222; */
}
	#unlockContent .lessMargin{
		margin-bottom: 5px;
	}
#truckSelectContent .truckSelectWrapper {
	background-color:white;
	border-bottom:1px solid #bbb;
}
#truckSelectContent .truckSelectWrapper .c_input {
	height:40px;
	color:#808080;
	font-weight:400;
	/* padding:0px 20px; */
	font-size: 14pt;
	border-color: rgb(169, 169, 169);
	font-family:"Roboto Condensed";
	text-align:left;
	text-indent: 15px;
}
	#truckSelectContent .truckSelectWrapper .c_input::placeholder {
		color: #808080;
	}

#truckSelectContent .truckSelectWrapper .c_select{
	height:40px;
	color:#808080;
	font-weight:400;
	padding:0px 0px;
	font-size: 14pt;
	font-family:"Roboto Condensed";
    font-size: 18px;
    width: 100%;
    text-align:left;
    -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	text-indent: 15px;
    background: url("../images/dropdownImage1.png") no-repeat;
    background-size: 20px;
    background-position: calc(100% - 15px) center;
}
	#content #truckSelectContent .ui-state-disabled .ui-widget-content,
	#content #truckSelectContent .ui-state-disabled,
	#content #truckSelectContent .ui-widget-header
	#content #truckSelectContent .ui-state-disabled{
		opacity: 1;
	}
	#content #truckSelectContent .ui-selectmenu-button {
		color: #808080 !important;
		font-family:"Roboto Condensed";
		font-size: 14pt;
		font-weight: 400;
	}

	#content #truckSelectContent .ui-selectmenu-icon {
		margin-right: 5px;
		color: #808080 !important;
	}
		.truckSelectWrapper .ui-menu .ui-menu-item-wrapper{
			font-family:"Roboto Condensed";
			font-size: 13pt;
			font-weight: 400;
			padding: 0px 1em 0px .4em;
		}
		#content #truckSelectContent .ui-selectmenu-button{
			padding: .4em 0em .4em 1em;
			margin-right: 0px;
			width: 100%;
			color: #808080 !important;
		}


#truckSelectButtonDiv{
	margin-bottom: 60px;
}

#unlockMyTruckContent {
}
	#unlockMyTruckContent .title{
		font-weight:300;
		font-size: 16pt;
	}

#unlockEstimateTitle {
	margin:0px 30px;
	padding: 0px 0px;
	background-color:#222222;
	z-index:100;
	position: relative;
}
#unlockEstimateContent {
	border:1px solid #EA9C29;
	border-radius: 2px;
	padding:15px 15px 15px 15px;
	margin-bottom:12px;
	margin-top:-12px;
	z-index:99;
}
#unlockEstimateContent .title {
	font-weight:400;
	font-size:1.8em;
}
	#unlockEstimateValue{
		font-weight: 300;
		font-size: 23pt;
		margin-top: 10px;
	}
		.moreInfo{
			font-size: 18pt;
		}
		.moreInfoDescription{
			font-size: 10pt;
			margin-top: 10px;
		}
	#unlockEstimateWorthMore {
		margin-top:20px;
		font-weight:300;
		font-size:9pt;
		color: #CECECE;
	}
	.unlockEstimateWorthMoreLink {
		color:#EA9C29;
		font-weight:700;
		cursor:pointer;
		text-decoration:underline;
		font-size: 13pt;
	}
		.unlockEstimateWorthMoreNoAppraisalLink{
			margin-top: 20px;
		}

	.unlockEstimateWorthMoreLink:hover {
		color:#EA9C59;
	}
	#unlockEstimateWorthMoreAndWhy{
		margin-top: 5px;
		font-weight: 300;
		font-size: 9pt;
		color: #CECECE;
	}
		#unlockEstimateWorthMoreAndWhyLink{
			color:#EA9C29;
			cursor:pointer;
		}
#unlockButtonDiv #unlockOffersBtn{
	margin-top: 15px;
	margin-bottom: 20px;
}
.unlockOr{
	font-size: 15pt;
}

#content .blur {
    background-color: white;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='10' /></filter></svg>#svgMask");*/
}

#truckOffersContent {
	background-color:#EA9C29;
}
#content .truckOfferDetails {
	color:#252525;
	position: relative;
	padding:40px 0px;
	background: rgba(233,156,40,1);
	background: -moz-linear-gradient(top, rgba(233,156,40,1) 0%, rgba(206,128,11,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(233,156,40,1)), color-stop(100%, rgba(206,128,11,1)));
	background: -webkit-linear-gradient(top, rgba(233,156,40,1) 0%, rgba(206,128,11,1) 100%);
	background: -o-linear-gradient(top, rgba(233,156,40,1) 0%, rgba(206,128,11,1) 100%);
	background: -ms-linear-gradient(top, rgba(233,156,40,1) 0%, rgba(206,128,11,1) 100%);
	background: linear-gradient(to bottom, rgba(233,156,40,1) 0%, rgba(206,128,11,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e99c28', endColorstr='#ce800b', GradientType=0 );
}
	#content .truckOfferDetails.reduced-padding {
		padding: 15px 0px;
	}
#content .truckOfferDetails .strong {
	font-weight:300;
	font-size:6em;
	line-height:1;
	color:white;
}
#content .truckOfferDetails .strong sup{
	font-size:0.4em;
	top: -0.85em;
}
#content .truckOfferDetails .title {
	font-size:11pt;
	color:#222;
	font-weight: 700;
}
#content .truckOfferDetails .subtitle {
	font-size: 17pt;
	line-height:1.1em;
	font-weight: 700;
	color:white;
}
#content .truckOfferDetails .rightSubtitle {
	font-size: 17pt;
	font-weight: 300;
	color:white;
	position:absolute;
	top: 130px;
	left: 63%;
}
	#register .truckOfferDetails .rightSubtitle.offerPage {
		top: 95px;
	}
#content .truckOfferDetailsBtn {
	margin:0px 40px;
}
	.offer_back_div{
		position:absolute;
		width: 30px;
		float:right;
		top: 7px;
		right: 10px;

	}
		.offer_back_div img{
			/* font-size: 2em;
			color: #222;
			-webkit-text-stroke: 3px rgba(233,156,40,1); */
			width: 20px;
			cursor:pointer;
		}
	.offerText{
		margin-top: 4px;
		font-size: 11pt;
		font-weight: 400;
	}

#unlockOffers {
	position:relative;
}
	#unlockOffers.locked{
		margin-top: 30px;
	}
	#unlockOffers.unlocked{
		margin-top: -30px;
	}
		#unlockOffers.unlocked .contentSection:first-child{
			margin-top: 10px;
		}
#unlockOffers.hidden {
	display:none;
}
.modal-backdrop.show {
	opacity: 0.9;
}
#truckOfferAction {
	background-color:white;
	padding:10px;
}
#unlockingOffersModal .modal-content{
	background-color:#E99B28;
	border-radius:0px;
	border:0px;
	color:#222;
}


#unlockingOffersModal .unlocking:after {
  	content: '•';
  	animation: dots 1s steps(5, end) infinite;
	font: 300 4em/150% Roboto;
	line-height:1em;
	margin-left:-1.2em;
}

@keyframes dots {
  20% {
    color: rgba(0,0,0,0);
    text-shadow:
      0.6em 0 0 rgba(0,0,0,0),
      1.2em 0 0 rgba(0,0,0,0);
   }
  40% {
    color: white;
    text-shadow:
      0.6em 0 0 rgba(137,137,137,137),
      1.2em 0 0 rgba(137,137,137,137);
   }
  60% {
    text-shadow:
      0.6em 0 0 white,
      1.2em 0 0 rgba(77,77,77,77);
   }
  80%, 100% {
		text-shadow:
			1.2em 0 0 rgba(77,77,77,77);
   }
}

.truckOfferActionBtn {
	padding-left:10px;
}


#compareContent {
	background-color:#363636;
}

#compareContentTableDiv {
	overflow-x: auto;
}
#compareContentTableDiv .table{
	margin:0px;
}
#compareContentTableDiv .table th,#compareContentTableDiv .table td{
	padding:2px;
	white-space:nowrap;
	vertical-align:middle;
}
#compareContentTableDiv .table thead{
	background-color:#CECECE;
}
#compareContentTableDiv .table tbody{
	background-color:white
}
#compareContentTableDiv .table tbody tr:nth-child(odd){
	background-color:#efefef;
}
#compareContentTableDiv .table tbody td:nth-child(1){
	width:100px;
}


#whyWorthMoreBtn {
	cursor:pointer;
}
#whyWorthMoreBtn:hover {
	color:#ccc;
}
#whyWorthMoreModal .modal-body {
	padding:0px;
}
#whyWorthMoreCloseBtn {
	color:#222;
	cursor:pointer;
}
#modal-content{
	width: 378px;
	margin:auto;
	border-radius: 0px;
}
#whyWorthMoreContent {

}
#whyWorthMoreDetails {
	background-color:white;
	color:#222;
	padding:20px 20px 10px 20px;
}
#whyWorthMoreDetails .title {
	color:#222;
	font-size:22pt;
	font-weight:700;
	font-family: 'Oswald', sans-serif;
}
#whyWorthMoreDetails .subtitle {
	color:#222;
	font-size:17pt;
	font-weight:400;
	padding: 0px 30px;
	font-family: 'Oswald', sans-serif;
}
.contentLeft{
	text-align:left;
	font-size: 11pt;
}
#whyWorthMoreDetailsBtn {
	margin:0px 30px;
}
#floodedTruckImageDiv {
	background-color: #000;
	position:relative;
}
	#floodedTruckImageDiv img {
		opacity: 0.3;
	}
	#floodedTruckImageText{
		position:absolute;
		color: white;
		text-shadow: 0px 3px 6pt rgba(0, 0, 0, 0.16);
		width: 100%;
		text-align:center;
		top: 81px;
		font-weight:700;
		font-size: 15pt;
		z-index: 1000;
	}
	.flooded_truck_back_div{
		position:absolute;
		width: 30px;
		float:right;
		top: 10px;
		right: 10px;
		z-index: 3000;
	}
		/* .flooded_truck_back_div i{
			font-size: 2em;
			color: white;
		} */
		.flooded_truck_back_div img{
			width: 20px;
			z-index:4000;
			opacity: 1 !important;
		}

#registerDiv {

}
	#registerDiv .title{
		font-size: 10pt;
		color: #CECECE;
		margin: 3px 0 20px 0;
	}
.registerSelectionDiv {
	margin:12px 2px 12px 2px;
	border-bottom:1px solid #CECECE;
	color: #CECECE;
	font-family: "Roboto Condensed";
}
	#content #contactPreference-button{
		text-align-last: left !important;
    	text-align: left !important;
    	padding: .4em 0 6px 0;
    	font-size: 11pt;
    	width: 100%;
	}
	#content .registerSelectionDiv .c_input{
		text-align:left;
		color: #CECECE;
		font-family: "Roboto Condensed";
		font-weight: 300;
		font-size: 11pt;
		padding: .4em .8em .4em 0;
	}
	#content .registerSelectionDiv .c_input::placeholder{
		font-family: "Roboto Condensed";
		color: #CECECE;
		font-weight: 300;
		font-size: 11pt;
	}
#registerBtn{
	font-weight:700;
}

#phoneSelectDiv,#emailSelectDiv {
	display:none;
}

#thankYouContent {
	background-color:white;
	color:#222;
}
#thankYouDetails {
	padding:30px 40px 50px 40px;
}
#thankYouDetails .title{
	color:#252525;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}
	#thankYouDetails .exclamationMessage{
		font-weight: 400;
		font-size: 18px;
		line-height: 1.2;
	}
	#thankYouDetails .truckSpecialist{
		font-weight: 400;
		font-size: 14px;
		line-height: 1.2;
	}
	#thankYouDetails .cantWait{
		font-weight: 400;
	}
	#thankYouDetails .thankYouPhone{
		font-weight: 700;
		font-size: 28px;
		line-height: 1.2;
	}
		#thankYouDetails .thankYouPhone a{
			color: black;
		}
	#thankYouUnlockOffers{
		margin-top: 30px;
	}
#truckContent{
	padding:30px 10px;
}
	#myTruckImageDiv{
		background-image:url('../images/2019 RAM 1500 LTD - Delmonico Red@3x.png');
		background-size: 100% auto;
	    background-repeat: no-repeat;
	}
	#myTruckImageText{
		cursor:pointer;
		padding-top: 85px;
		min-height: 200px;
		font-size: 10pt;
		font-weight: 700;
		line-height: 16pt;
		/* height: 200px; */
	}
	.inline-camera{
		height: 14pt;
	}
	.customerUploadedImage{
		width: 100%;
		max-height: 250px;
		object-fit: cover;
	}
	#uploaderUploader_browse{
		text-align:left;
	}
#truckDetails{
	padding:30px 10px 10px 10px;
	background-color:white;
	color:#222;
	text-align:left;
}

#truckDetails .title {
	color:#222;
	font-size:1.5em;
	text-transform: capitalize;
	font-family: 'Oswald', sans-serif;
}

#truckDetails .subtitle {
	font-weight: 700;
	font-size: 11pt;
	color: #707070;
}
#truckDetails .description {
	color:#252525;
	font-size:13pt;
	margin-top: 5px;
	font-weight: 400;
}
	#truckDetails .kms {
		color:#252525;
		font-size:9pt;
		font-weight: 400;
		margin-left: 5px;
	}
#truckDetails .estimatedValue {
	font-weight: 700;
	font-size: 11pt;
	color: #707070;
}
#truckDetails .price {
	color:#252525;
	font-size:17pt;
	line-height: 18pt;
	font-weight: 700;
}
#truckUpgradesTextArea {
	width:100%;
}
#description-list{
	padding-inline-start: 20px;
}

.temp-descriptions{
	border: 1px solid rgb(169, 169, 169);
	color: #aeaeae;
	font-weight: 400;
	font-size: 12pt;
	padding: 10px 0;
	cursor:pointer;
}
	.temp-descriptons-a:hover{
		text-decoration:none;
	}
	#description-list-temp{
		margin-bottom: 0px;
		padding-inline-start: 30px;

	}

.truckEditBtnDiv,#uploaderUploader_browse {
	text-align:right;
	font-size:0.8em;
	font-weight:700;
}

.truckEditBtnDiv{
	/* text-align:center; */
	margin-top: 5px;
}
.truckEditBtnDiv a {
	color:#222;
}
#truckPhotosDiv img{
	padding:5px;
	object-fit: cover;
	overflow:hidden;
	width: 100%;
	height: 93px;
}
	#uploaderUploaderWrapper{
		display:none;
	}

#truckActionBtn{
	text-align:center;
}

#uploaderUploader_filelist {
	display:none;
}
#uploaderUploaderWrapper .uploader_btns {
	text-align:right;
}
#uploaderUploader_browse {
	padding:0px;
	background-color: transparent;
	color:#222;
	border:0px;
	line-height:14px;
}

#uploaderUploader_browse:hover {
	text-decoration: underline;
}
#noPhotoBtn {
	cursor:pointer;

}

#uploaderUploader_browse img {
	height:14px;
	margin-top:-3px;
	margin-right:3px;
}

.moxie-shim.moxie-shim-html5{
	left: 0px !important;
}

/* #imageViewModal{
	width: 300px;
} */

#welcomeBackContent {
	padding-top: 45px;
}

#welcomeBackContentBox {

}
	.welcomeBackTitleImage{
		margin-bottom: 3px;
		width: 17px;
	}

#welcomeBackTitleDiv {
	padding:25px 35px;
	margin:20px 0px;
}
	#welcomeBackTitleDiv .title{
		color: white;
	}
	#welcomeBackTitleDiv .subtilte{
		color: #CECECE;
	}
#mainSelectionDiv {
	border-bottom:1px solid white;
}

#welcomeBackTitleDiv .subtitle{
	color: #CECECE;
	font-weight: 700;
	font-size: 9pt;
}
#welcomeBackTextDiv{
	font-size: 32px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #EA9C29;
}
#welcomeBackLinksDiv{
	padding-bottom: 100px;
	/* box-shadow: 0px 15px 10px -15px #000; */
}
	#welcomeBackLinksDiv a{
		text-decoration:none;
	}
	#welcomeBackLinksDiv .linkRow{
		padding: 25px 30px 25px 30px;
		text-align:left;
		background-color: #2B2828;
		border-top: 1px solid black;
		box-shadow: inset 0 7px 9px -4px #000;
		cursor: pointer;
		color: white;
	}
	#welcomeBackLinksDiv .linkRow:hover{
		background-color: #222222;
	}
	.extraBorderRow{
		box-shadow: inset 0 7px 8px -3px #000;
		height: 15px;
	}

#viewImageContent{
	min-height: 700px;
	background-color: #222;
	font-family:"Roboto Condensed";
}
	#imageViewDiv{
		position:relative;
	}
	#viewImage{
		margin: auto;
		width: 100%;
		max-height: 600px;
		overflow:hidden;
	}
	#delete-confirmation{
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    display: none;
	    color: #FFF;
	    background-color: rgba(36,36,36,0.8);
	    padding: 0 40px;
	}
		#delete-confirmation .delete-confirmation-div{
			position: absolute;
			text-align:center;
			width: 80%;
			top: 30%;
			left: 10%;
		}
		#delete-confirmation .delete-confirmation{
			font-size: 30px;
		}
		#delete-confirmation .delete-are-you-sure{
			font-size: 14px;
		}
		#delete-confirmation .delete-button{
			margin-top: 5px;
			width: 235px;
		}

	.image-options{
		font-size: 14px;
		color: #EA9C29;
		font-weight: 700;
	}
	.left-option{
		float:left;
		margin-left: 20px;
		line-height: 30px;
		cursor: pointer;
		padding: 10px 20px;
	}
	.right-option{
		float:right;
		margin-right: 20px;
		line-height: 30px;
		padding: 10px 20px;
	}
		.right-option i{
			font-size: 24px;
			color: #EA9C29;
			/* -webkit-text-stroke: 2px rgba(36,36,36,0.9); */
		}
		.right-option img{
			height: 18px;
			cursor:pointer;
		}
	.close-option{
		color: #EA9C29 !important;

	}