* {border: 0; margin: 0; outline: none; padding: 0; text-decoration: none;}

/* SR Boxes */
.srThumb, .srStatus, .srActions, .srIcon, .srLabel {border-radius: 4px; height: 30px; line-height: 30px; text-align: center; width: 30px;}

.srThumb, .srLabel {color: rgba(80, 80, 80, 1) !important;}

.srLabel {background-color: rgba(215, 215, 215, 1); border-radius: 4px;}
	.srLabel > span {display: block; font-size: 11.5px; font-weight: 700; height: 100%; letter-spacing: 0; line-height: inherit; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; width: 100%;}

.srContent {}

.srActions {cursor: pointer;}

/* ACTION ICON */
.addicon, .add-selector {background-color: transparent !important; border-radius: 4px; cursor: pointer; display: block; font-size: 95%; height: 100%; letter-spacing: 0; line-height: inherit; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; width: 100%;}	
.addicon::before, .addicon::after, .add-selector::before, .add-selector::after {border: 3px dashed rgba(180, 180, 180, 1); border-radius: 3px; color: rgba(180, 180, 180, 1); content: "\f067"; display: block; font-family: FontAwesome; font-size: 12px; height: calc(100% - 6px); line-height: 26px; text-align: center; width: calc(100% - 6px);}
.addicon:focus:before, .addicon:hover:before, .add-selector:focus:before, .add-selector:hover:before {border-color: rgba(0, 175, 135, 1); color: rgba(0, 175, 135, 1);}

/* ADD ICON */
.actionicon {background-color: rgba(0, 0, 0, .25); border-radius: 4px; cursor: pointer; display: block; font-size: 95%; height: 100%; letter-spacing: 0; line-height: inherit; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; width: 100%;}	
.actionicon::before, .actionicon::after {color: inherit; display: block; font-family: FontAwesome; font-size: 15px; height: 100%; line-height: inherit; position: absolute; right: 0; text-align: center; top: 0; width: 100%;}

/* LABEL ICON */
.labelicon {border-radius: 4px; display: block; font-size: 95%; height: 100%; letter-spacing: 0; line-height: inherit; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; width: 100%; margin-top: 2px; color: var(--color-text);}	
.labelicon::before, .labelicon::after {color: inherit; display: block; font-family: FontAwesome; font-size: 15px; height: 100%; line-height: inherit; position: absolute; right: 0; text-align: center; top: 0; width: 100%;}

/* SOCIAL ICON */
.socialicon {border-radius: 4px; cursor: pointer; display: block; font-size: 95%; height: 100%; letter-spacing: 0; line-height: inherit; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; width: 100%;}	
.socialicon::before, .socialicon::after {color: rgba(255, 255, 255, 1); display: block; font-family: FontAwesome; font-size: 15px; height: 100%; line-height: inherit; position: absolute; right: 0; text-align: center; top: 0; width: 100%;}

/* STATUS ICON */
.statusicon {border-radius: 4px; font-size: 95%; height: 100%; letter-spacing: 0; line-height: inherit; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; width: 100%; color: white;}	
.statusicon::before, .statusicon::after {color: rgba(255, 255, 255, 1); display: block; font-family: FontAwesome; font-size: 15px; height: 100%; line-height: inherit; position: absolute; right: 0; text-align: center; top: 0; width: 100%;}

/* = SWITCHES CSS ============== */   

.switch {background: rgba(35, 35, 35, .15); border-radius: 2px; height: 20px; margin: 0 auto; position: relative; width: 120px;}

.switch-label {color: rgba(35, 35, 35, .5); cursor: pointer; font-size: 10px; float: left; line-height: 20px; margin: 0; position: relative; text-align: center; text-transform: capitalize; width: 60px; z-index: 2;}
.switch-label:active {font-weight: 500;}

.switch-label-off {}
.switch-label-on {}

.switch-input {display: none;}

.switch-input:checked + .switch-label {color: rgba(255, 255, 255, 1); font-weight: 500; -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out;}
.switch-input:checked + .switch-label-on ~ .switch-selection {background-color: rgba(195, 55, 45, 1); left: 60px;}

.switch-selection {background-color: rgba(10, 145, 245, 1); color: rgba(255, 255, 255, 1); border-radius: 2px; display: block; height: 20px; left: 0; position: absolute; top: 0; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; width: 60px; z-index: 1;}

/* LIST SUMMARY BOX */
.lst-sum-box {background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(230, 230, 230, 1); border-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; color: rgba(80, 80, 80, 1); cursor: default; display: none; font-size: 12.5px; left: 0; padding: 0; position: absolute; top: 0px; width: 250px; z-index: 100;}
.lst-sum-box::before, .lst-sum-box::after {content: ""; display: block; position: absolute; transition: all 0.1s linear 0s;}
.lst-sum-box::before {border-top: 11px solid rgba(215, 215, 215, 1); border-left: 11px solid transparent; border-right: 10px solid transparent; height: 0px; left: 7px; bottom: -9px; width: 0px; z-index: 2;}
.lst-sum-box::after {border-top: 8px solid rgba(255, 255, 255, 1); border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom-width: 9px; height: 0px; left: 10px; bottom: -8px; width: 0px; z-index: 2;}

*:hover > .lst-sum-box {display: block; text-align: left;}

	.lst-sum-box > .lst-cnt {background-color: rgba(255, 255, 255, 1); border-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; max-height: 490px; overflow-x: hidden; overflow-y: overlay; position: relative; z-index: 10;}

		.lst-sum-box > .lst-cnt > div {background-color: rgba(255, 255, 255, 1); border-radius: 4px; cursor: default; display: inline-block; float: left; height: 210px; overflow: hidden; position: relative; text-align: left; width: 250px;}
		.lst-sum-box > .lst-cnt > div::before {content: ""; display: block; left: 0; position: absolute; top: 0; z-index: 1;}
			.lst-sum-box > .lst-cnt > div > ul {display: block; list-style: none; margin: 0; width: 100%;}
			
				.lst-sum-box > .lst-cnt > div > ul > li {background-color: rgba(255, 255, 255, 1); border-radius: 4px; cursor: pointer; display: inline-block; float: left; height: 220px; margin: 0; overflow: hidden; position: relative; width: 250px;}
				.lst-sum-box > .lst-cnt > div > ul > li::before {content: ""; display: block; left: 0; position: absolute; top: 0; z-index: 1;}
					.lst-sum-box > .lst-cnt > div > ul > li > div {}
					
					/* Existing Deal Card */
					.cus-sum-cd-mn  {}
						.cus-sum-cd-mn > div {display: block; position: relative;}
						
						.cus-sum-hd {background-color: rgba(160, 160, 160, 1); border-top-left-radius: 0; border-top-right-radius: 0; height: 50px;}
							
							.cus-sum-hd-sum {color: rgba(255, 255, 255, 1); left: 85px; overflow: hidden; position: absolute; top: 25px; z-index: 2;}
								.cus-sum-hd-sum > span {display: block; font-size: 16.5px; font-weight: 500; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
                                .cus-sum-hd-sum > span:hover {text-decoration: underline;}
													
							.cus-sum-hd-thmb {left: 15px; overflow: hidden; position: absolute; top: 15px; z-index: 2;}
								.cus-sum-hd-thmb > div {position: relative; z-index: 1;}
								
								.cus-sum-hd-thmb > .srThumb {border: 3px solid rgba(225, 225, 225, 1); border-radius: none; height: 54px; line-height: 54px; overflow: hidden; position: relative; width: 54px;}
								.cus-sum-hd-thmb > .srThumb::before {}
									.cus-sum-hd-thmb > .srThumb > .minisquare {border-radius: 0px !important; font-size: 300%;}
										.cus-sum-hd-thmb > .srThumb > .minisquare > figure {display: block; height: 100%; overflow: hidden;}
											.cus-sum-hd-thmb > .srThumb > .minisquare > figure > img {display: block; height: 100%; width: 100%;}										
						
						.cus-sum-bd {height: calc(100% - 100px); padding: 15px; width: calc(100% - 30px);}
							.cus-sum-bd > div {}
							
							.cus-sum-bd-vhl {line-height: 20px; margin: 15px 0 0;}
								.cus-sum-bd-vhl > div {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 60px);}
								.cus-sum-bd-vhl > div.vehicle {font-weight: 700;}
								.cus-sum-bd-vhl > div.stock {font-size: 12px;}
								.cus-sum-bd-vhl > div.date {}
								
							.cus-sum-bd-dtls {bottom: 35px; line-height: 20px; margin: 0; position: absolute; width: calc(100% - 30px);}
								.cus-sum-bd-dtls > ul {}
								.cus-sum-bd-dtls > ul::after {clear: both; content: ""; display: table;}
									.cus-sum-bd-dtls > ul > li {display: inline-block; float: left; height: 38px; position: relative; padding: 0 17.5px; width: 38px;}
										.cus-sum-bd-dtls > ul > li > div {margin: auto; position: absolute; text-align: center; width: calc(100% - 40px); z-index: 2;}
										
										.cus-sum-bd-dtls > ul > li > .cust-sum-cnt-per {bottom: -30px; font-size: 14.5px; font-weight: 500; text-align: center; width: 38px;}
										
										.cus-sum-bd-dtls > ul > li > .cust-sum-cnt-mtd {height: 20px; left: calc(50% - 10px); top: calc(50% - 7.5px); width: 20px;}
											.cus-sum-bd-dtls > ul > li > .cust-sum-cnt-mtd > figure {display: block; overflow: hidden; width: 100%;}
												.cus-sum-bd-dtls > ul > li > .cust-sum-cnt-mtd > figure > img {display: block; height: 100%; width: 100%;}
																				
										.cus-sum-bd-dtls > ul > li > .cust-sum-cnt-bd {height: 100%; position: relative; width: 100%; z-index: 1;}
											.cus-sum-bd-dtls > ul > li > .cust-sum-cnt-bd > figure {display: block; height: 100%; margin: auto; overflow: hidden;}
												.cus-sum-bd-dtls > ul > li > .cust-sum-cnt-bd > figure > img {display: block; height: 100%; margin: auto;}									
																
							.cus-sum-bd-stts {height: 50px; position: absolute; right: 20px; top: 20px; width: 50px;}
								.cus-sum-bd-stts > .srStatus {height: 100%; width: 100%;}

/* STATUS METER */
.statusmeter {cursor: pointer;}
	.statusmeter > div {display: block; margin: auto;}
	
	.statusmeter > .statusicon {color: inherit; display: block; font-size: 20px; height: 25px; line-height: 25px; opacity: .75; text-align: center; width: 25px;}
	
	.statusmeter > .statusmeter {height: 5px; margin: 0 auto; text-align: center; width: 30px;}
		.statusmeter > .statusmeter > div {background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(200, 200, 200, 1); border-radius: 2px; display: inline-block; float: left; height: 3px; margin: 0 .5px; width: 3px;}
		.statusmeter > .statusmeter > div.is-active {background-color: rgba(0, 175, 135, 1); border-color: rgba(0, 175, 135, 1);}
		.statusmeter > .statusmeter > div.is-snoozing {background-color: rgba(190, 190, 190, 1); border-color: rgba(190, 190, 190, 1);}

	.statusmeter > .statuslabel {font-size: 12px; height: 20px; line-height: 20px; text-align: center;}

/* GLOBAL LOADER  */
.drv-spinner {background-color: rgba(245, 245, 245, 1); display: block; height: calc(100% - 0px); left: 0; position: absolute; top: 0; width: calc(100% - 0px); z-index: 1;}
	.drv-spinner > div {display: table; height: 100%; width: 100%;}
		.drv-spinner > div > div {color: rgba(0, 0, 0, .6); display: table-cell; text-align: center; vertical-align: middle;}
			.drv-spinner > div > div > div {margin: -100px auto 0; width: 200px;}
				.drv-spinner > div > div > div > i {font-size: 50px; margin: 0 auto 20px;}
				.theme-dark .drv-spinner > div > div > div > i {color: rgba(255, 255, 255, .75);}			 
				.drv-spinner > div > div > div > h5 {font-family: Roboto,'Helvetica Neue',sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;}
				.theme-dark .drv-spinner > div > div > div > h5 {font-family: 'Montserrat', sans-serif; color: rgba(255, 255, 255, .75);}