/* = DIALOG CSS ============== */  
.ngdialog {overflow: overlay;}
.ngdialog-content {}

/* driveDialogContent */
.dsHitListColumnsDialog > .driveDialogContent {background-color: transparent !important; border-radius: 4px !important; top: 50px !important; width: 800px;}
	.dsHitListColumnsDialog > .driveDialogContent > div {background-color: rgba(255, 255, 255, 1); padding: 20px;}

	.dsHitListColumnsDialog > .driveDialogContent > .driveDialogMessage {border-radius: 4px; padding: 0px !important; height: auto !important; margin-bottom: 50px; margin-top: 50px; }
	.dsHitListColumnsDialog > .driveDialogContent > .driveDialogMessage:after {content: ""; display: table; clear: both;}

	/* driveDialogClose */
	.dsHitListColumnsDialog > .driveDialogContent > .driveDialogClose {background-color: transparent !important; padding: 0; right: 20px !important; top: 70px !important;}
	.dsHitListColumnsDialog > .driveDialogContent > .driveDialogClose::before {color: rgba(35, 35, 35, 1);}

																																																																	
	/* dsHitListColumnsCard */
	.dsHitListColumnsCard {overflow: hidden;}
	
		/* dsHitListColumnsCardHeader */
		.dsHitListColumnsCard .dsHitListColumnsCardHeader {background-color: rgba(215, 215, 215, 1); border-bottom: 1px solid rgba(230, 230, 230, 1); border-top-left-radius: 4px; border-top-right-radius: 4px; display: block !important; float: none !important; padding: 20px; position: relative; width: calc(100% - 40px)}
			.dsHitListColumnsCard .dsHitListColumnsCardHeader > h4 {display: inline-block; font-size: 25px; font-weight: 500; width: calc(100% - 40px);}
		
		/* dsHitListColumnsCardBody */
		.dsHitListColumnsCard .dsHitListColumnsCardBody {overflow: hidden; padding: 0px; overflow: hidden; width: calc(100% - 0px);}
			.dsHitListColumnsCard .dsHitListColumnsCardBody > div {display: block; overflow: hidden;}
			
			/* dsSurveyResponse */
			.dsHitListColumnsCardBody > .dsSurveyResponse {background-color: rgba(235, 235, 235, 1); border-bottom: 1px solid rgba(185, 185, 185, 1); margin: 0 ! padding: 20px; width: calc(100% - 40px) !important;}
				.dsSurveyResponse > div {clear: both; display: block;}
				

				/* dsSurveyResponseUsers */
				.dsSurveyResponse > .dsSurveyResponseUsers {margin: auto; text-align: center; width: 100%;}
				.dsSurveyResponseUsers > .dsSurveyResponseUsersBox {display: inline-block; margin: 0 20px; text-align: left; vertical-align: top;}
					.dsSurveyResponseUsersBox > h5 {font-size: 13px; font-weight: 700;}
					.dsSurveyResponseUsersBox > ul {list-style: none; padding: 10px 0; width: calc(100% - 0px);}
					.dsSurveyResponseUsersBox > ul::after {clear: both; content: ""; display: block;}
						.dsSurveyResponseUsersBox > ul > li {cursor: pointer; display: inline-block; margin: 0; overflow: hidden;}
						.dsSurveyResponseUsersBox > ul > li::after {clear: both; content: ""; display: block;}
							.dsSurveyResponseUsersBox > ul > li > div {display: inline-block; float: left;}
								
							.dsSurveyResponseUsersBox > ul > li > .srThumb {background-color: rgba(204, 204, 204, 1); border-radius: 4px; cursor: pointer; height: 32px; margin: 0 10px 10px 0; position: relative; width: 32px;}
								
							.dsSurveyResponseUsersBox > ul > li > .srContent {margin: 0; width: calc(100% - 42px);}
								.dsSurveyResponseUsersBox > ul > li > .srContent > span {display: block; font-size: 13px; line-height: 16px;}
								.dsSurveyResponseUsersBox > ul > li > .srContent > span.primary {font-weight: 700;}
	
					.dsSurveyResponseUsersBox > ol {list-style: none; margin: 0;padding: 9px 0 0 0;}
	                    .dsSurveyResponseUsersBox > ol > li { cursor: pointer;}
	                        .dsSurveyResponseUsersBox > ol > li > div {display: inline-block;}
	
	                        .dsSurveyResponseUsersBox > ol > li > .dealOpenMeter {float: left; height: 35px; line-height: 32px;}
	                        .dsSurveyResponseUsersBox > ol > li > .dealOpenVehicle {line-height: 35px; margin: 0 0 0 10px; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; width: 120px;}
	                            .dsSurveyResponseUsersBox > ol > li > .dealOpenVehicle > span {display: block; font-size: 13px; line-height: 16px;}
	                            .dsSurveyResponseUsersBox > ol > li > .dealOpenVehicle > span.vehicle {font-weight: 700;}
	                            .dsSurveyResponseUsersBox > ol > li > .dealOpenVehicle > span.date {}				
				

				/* dsSurveyResponseStars */
				.dsSurveyResponse > .dsSurveyResponseStars {}
					.dsSurveyResponseStars > div {font-family: 'FontAwesome'; font-size: 21px; margin-top: 5px;}
                    .dsSurveyResponseStars > div::before { display: inline-block !important; color: rgba(255, 215, 0, 1); margin-right: 6px; }
                    .dsSurveyResponseStars > div::after { color: rgb(200, 200, 200) !important; }
					.dsSurveyResponseStars > div.oneStar::before {content: '\f005' !important;}
					.dsSurveyResponseStars > div.oneStar::after {content: '\f006  \f006  \f006  \f006' !important;}
					.dsSurveyResponseStars > div.twoStar::before {content: '\f005  \f005' !important;}
					.dsSurveyResponseStars > div.twoStar::after {content: '\f006  \f006  \f006' !important;}
					.dsSurveyResponseStars > div.threeStar::before {content: '\f005  \f005  \f005' !important;}
					.dsSurveyResponseStars > div.threeStar::after {content: '\f006  \f006' !important;}
					.dsSurveyResponseStars > div.fourStar::before {content: '\f005  \f005  \f005  \f005' !important;}
					.dsSurveyResponseStars > div.fourStar::after {content: '\f006' !important;}
					.dsSurveyResponseStars > div::before {content: '\f005  \f005  \f005  \f005  \f005' !important;}
				
				/* dsSurveyResponseHeader */
				.dsSurveyResponse > .dsSurveyResponseHeader {margin: 0;}
					.dsSurveyResponseHeader > span {color: rgba(200, 200, 200, 1); display: block; font-size: 13px;}
						.dsSurveyResponseHeader > span > span {color: rgba(0, 0, 0, 1); display: inline-block; font-size: 13px; font-weight: 600;}
						.dsSurveyResponseHeader > span > span.date {color: inherit; font-size: 13px; font-weight: normal;}

				/* dsSurveyResponseMessage */
				.dsSurveyResponse > .dsSurveyResponseMessage {font-size: 13px; margin: 20px 0 0;}
					.dsSurveyResponse > .dsSurveyResponseMessage blockquote {border: none; font-size: inherit; padding: 0; text-transform: none;}

			/* dsSurveyResponse */
			.dsHitListColumnsCardBody > .dsSurveyResolve {padding: 20px; width: calc(100% - 40px);}
				.dsSurveyResolve > label {margin: 0; width: 100%;}
					.dsSurveyResolve > label > .formlabel {color: rgba(135, 135, 135, 1); font-size: 14px; font-weight: 400;}
					.dsSurveyResolve > label > .formcontrol {border: 1px solid rgba(205, 205, 205, 1); border-radius: 4px; color: rgba(35, 35, 35, 1); font-size: 16px; margin: 5px 0 0; padding: 0 10px; width: calc(100% - 22px);}
					.dsSurveyResolve > label > .formcontrol:focus {background-color: rgba(255, 255, 255, 1); border-color: rgba(0, 175, 135, 1); box-shadow: 0px 0px 10px 0px rgba(195, 195, 195, 1)}
                    .dsSurveyResolve > label > textarea.formcontrol {padding: 10px;}