/*
Author: Chandni Patel
Author URI: http://chandnipatel.in/
Description: My Ride Report block front end style
Version: 6.5.1
License: GNU General Public License v3.0
*/

.ride-report-container dialog {
	width: calc(100% - 4.8rem);
}

.ride-report-container #ride_report_image_block {
	position: relative;
	width: 100px;
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.ride-report-container input {
	max-width: 100%;
}

#frmRideReport .editor-error {
	color: var(--error_27);
}

.split {
	display: flex;
	gap: 20px;
	align-items: stretch;
}

.split #split-0 {
	width: 70%;
	display: flex;
    flex-direction: column;
}

.split #split-1 {
	width: 30%;
}

#split-0 > label,
#split-0 > span {
  display: contents;
}

/* Editor style - Stretch editor according right side part  */
.mce-tinymce.mce-container.mce-panel {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.mce-container-body.mce-stack-layout {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.mce-edit-area.mce-container {
	flex: 1 1 auto;
}

.mce-edit-area iframe {
	height: 100%;
}

.arm-viewRideReport__header {
	background-color: var(--white_ff);
	border-bottom: 2px solid var(--arm_olive);
	column-gap: 3px;
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.arm-viewRideReport__body {
	background-color: var(--white_ff);
	border-bottom: 1px solid var(--arm_olive_35);
	padding: 1.5rem;

	img {
		max-width: 100%;
		width: auto;
		height: auto;
	}
}

.arm-viewRideReport__footer {
	background-color: var(--white_ff);
	display: grid;
	grid-gap: 0 0.5rem;
	grid-template-columns: 1fr;
	justify-content: start;
	padding: 1.5rem;
}

/* For Responsive View */

@media only screen and (min-width: 600px) {

	.arm-viewRideReport__footer {
		grid-template-columns: auto auto;
		grid-gap: 1rem 0.5rem;
	}
}

@media only screen and (max-width: 951px) {

	.ride-report-container dialog {
		width: 98%;
		max-width: 100%;
	}

	.split {
		flex-direction: column;
		gap: 0;
	}

	.split #split-1,
	.split #split-0 {
		width: 100%;
	}
}