p{
	font-size: inherit;
}
.rpm-dashboard {
	display: flex;
	flex-flow: row nowrap;
	column-gap: 16px;
	justify-content: space-between;
	overflow: hidden;
	height: calc(100vh - 60px);
}

.rpm-list {
	width: 100%;
	height: 100%;
}

.rpm-infobox {
	width: calc(100% / 3);
	max-width: 660px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: stretch;
	transition-duration: .5s;
	transform: translateX(0);
	height: 100%;
}

.rpm-infobox-collapsed {
	transition-duration: .5s;
	display: flex;
	visibility: hidden;
	width: 0;
}
.justify-content-evenly {
	justify-content: space-evenly;
}

#exercise-inputs-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}


.exercise-input {
	width: 48%;
}

@media (max-width: 1024px) {
	.exercise-input { 
		width: 100%;
	}
}

	#exercise-box-container {
		height: inherit;
	}

	.cursor-pointer {
		cursor: pointer;
	}

	.bg-primary-blue {
		background: #244470;
	}

	.k-drawer-container {
		width: max-content;
		max-height: inherit;
		background: #ffffff;
		height: 100%;
	}

	.k-drawer-item {
		font-size: 14px;
	}

	.k-drawer-items {
		background: #434343;
	}

		.k-drawer-items ul > li:hover {
			background: #434343;
			color: #ff9933;
		}

	.k-drawer {
		color: #ff9933;
	}

	.k-form {
		font-size: 12px;
	}

	.k-widget.k-drawer {
		background: #434343;
	}

	.k-drawer-wrapper {
		background: #434343;
	}

	.k-drawer-content {
		width: fit-content;
		height: 100%;
	}

	.k-checkbox:checked {
		border-color: #ff9933;
		background-color: #ff9933;
	}

	.k-icon {
		font-size: 28px;
	}

	.k-icon-sm {
		font-size: 19px;
	}


	.k-dialog-titlebar {
		border-color: inherit;
		color: #ffffff;
		background-color: #434343;
	}

	.k-dropdown .k-dropdown-wrap .k-select, .k-dropdowntree .k-dropdown-wrap .k-select {
		padding: 0px 4px;
	}

	.k-loader-primary {
		color: #ff9933;
	}
	.k-text-primary, .k-color-primary {
		color: #ff9933 !important;
	}

	.k-i-arrow-chevron-right, .k-i-arrow-chevron-down {
		position: absolute;
		right: 0;
		line-height: inherit;
		margin: 0 8px;
	}

	.k-textbox {
		font-size: 22px;
	}

	.k-text-selection ::selection {
		background-color: #ff9933;
		color: #ffffff;
	}

	.page ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.page li {
		font-size: 20px;
		background: 0 0;
		border-radius: 0;
		border-width: 0 0 1px;
		border-color: rgba(33, 37, 41, 0.125);
		border-style: solid;
		line-height: 1.5em;
		padding: 1.09em .84em 1.23em .84em;
	}

		.page li:last-child {
			border: 0;
		}

		.page li h6 {
			border-bottom: none;
			padding-bottom: 8px;
		}

	.results-container {
		background: #cccccc;
		display: flex;
		flex-flow: column nowrap;
		row-gap: 5px;
		height: calc(100vh - 116px);
		overflow-y: auto;
	}
	.results-container-expanded {
		width: max-content;
		max-width: 350px;
		min-width: 300px;
		border: 2px solid #707070;
	}

	.results-container__header {
		width: 100%;
		z-index: 10;
		min-height: 50px;
	}

	.results-container-collapsed {
		border: none;
		display: none;
	}

	.programs-list {
		height: 100%;
		display: flex;
		flex-flow: row wrap;
		align-content: flex-start;
		justify-content: flex-start;
		column-gap: 8px;
	}

	.form-header {
		position: absolute;
		width: 100%;
		z-index: 10;
	}
	.programs-item {
		border: 1px solid gray;
		border-radius: 6px;
		cursor: pointer;
		display: flex;
		flex-flow: row;
		column-gap: 8px;
		align-items: center;
		width: max-content;
		box-shadow: 3px 2px 5px rgba(0, 0, 0, .40);
		padding: 5px;
	}

	.programs-header {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
	}

	.k-button-group button.k-button.my-on-class,
	.k-button-group button.k-button.my-on-class:hover {
		color: yellow;
		font-weight: 700;
	}

	.template-container {
		background: #f7f7f7;
		max-width: 100%;
        min-width: 330px;
	}

	.exercise-container {
		display: grid;
		grid-template-columns: 130px 1fr 40px;
		grid-template-rows: 1fr;
		background: #f7f7f7;
		max-width: 100%;
	}

	.exercise-container-empty {
		display: flex;
		flex-flow: column nowrap;
		height: inherit;
		background: #cccccc;
		width: 425px;
		justify-content: center;
		align-items: center;
		-ms-overflow-style: none;
	}

		.exercise-container-empty::-webkit-scrollbar {
			display: none;
		}

	.exercises-container {
		height: fit-content;
		column-gap: 10px;
		row-gap: 1rem;
		overflow: auto;
		padding-top: 1rem;
		max-height: calc(100vh - 80px);
	}

	.exercise-info-form {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		height: inherit;
		overflow-y: scroll;
		-ms-overflow-style: none;
	}
		.exercise-info-form::-webkit-scrollbar {
			display: none;
		}
	.exercise-info-form-multi {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		height: 100%;
	}
	.exercise-button {
		border: none;
		background: #244470;
		color: #ff9933;
	}

	.exercise-item {
		background: white;
		border: 1px solid gray;
		border-radius: 6px;
		column-gap: 8px;
		width: auto;
		box-shadow: 3px 2px 5px rgba(0, 0, 0, .40);
		padding: 5px;
		height: 100%;
		min-height: 85px;
		display: grid;
		grid-template-columns: max-content 1fr max-content;
		grid-template-rows: auto;
	}

	.exercise-item-row {
		grid-column: 1 / 4;
	}


	.exercise-icon {
		width: 25px;
		height: 25px;
		border-radius: 50%;

	}

	.exercise-icon-clicked {
		background: #ff9933;
		color: #fff;
	}
		.exercise-icon-clicked:hover {
			background: #ff9933;
			color: #fff;
		}

	.exercise-avatar {
		width: 120px;
		height: auto;
	}
	.exercise-item-avatar {
		width: auto;
		height: 80px;
	}

    .avatarmain1 {
	    position: relative;
	    width: 140px;
	    height: 90px;
	    overflow: hidden;
    }

    .avatarmain1 .avatardraw1 {
		FONT-WEIGHT: 100;
        width: 140px; 
		height: 90px;
		position: absolute;
		bottom: 0;
		z-index: 99;
		opacity: 0.01;
	}

    .avatar {
	    width: 140px;
	    height: 90px;
	    object-fit: contain;
        bottom: 0;
    }
	.info-avatar {
		width: 200px;
		height: 90px;
		object-fit: contain;
	}

	.button {
		color: #fff;
	}
		.button:hover {
			color: #ffffff;
		}

	.primary-button, .k-button.k-state-selected {
		background: #ff9933;
	}

		.k-button.k-state-selected:hover, .primary-button:hover {
			border-color: #ff9933;
			color: #ffffff;
			background-color: #b96b1d;
		}


	.danger-button {
		background: #fc3f3f;
	}
		.danger-button:hover {
			border-color: #ee1010;
			background-color: #d21414;
		}

	.secondary-button {
		background-color: #4676b8;
	}
		.secondary-button:hover {
			border-color: #3e69a3;
			background: #244470;
		}

	.info-button {
		color: black;
	}
		.info-button:hover {
			color: white;
			background: #6d6d6d;
		}

	.success-button {
		color: white;
		background: #23b023;
	}

		.success-button:hover {
			color: white;
			background: #198f19;
		}

	.modal-window {
		z-index: 44444;
	}

	.tooltip-icon {
		height: 38px;
		width: 38px;
	}

	.notification {
		position: absolute;
	}

		.notification .k-notification {
			width: max-content;
		}

	.notification-container {
		position: absolute;
		height: max-content;
		width: max-content;
		bottom: 0;
		left: 18%;
	}
	.exercise-notice-container {
		position: absolute;
		height: max-content;
		width: max-content;
		bottom: 0;
		right: 3%;
	}
	.limit-notice-container {
		position: absolute;
		height: max-content;
		width: max-content;
		bottom: 0;
		left: 0;
	}

	.notepad textarea {
		height: 361px !important;
	}

    .notepad-note {
        font-size: x-small;
        color: #03a9f4;
    }

	.k-notification-container {
		margin: 6px 0;
	}

	@page {
		size: A4;
		margin: 2%;
	}

	@media print {
		.page-break {
			display: block;
			page-break-before: always;
		}
		.printable {
			break-inside: avoid;
		}
	}

	.print-avatar {
		height: 165px;
		width: 310px;
		object-fit: contain;
	}


	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
	}

		.videoWrapper iframe, .videoWrapper embed, .videoWrapper object {
			position: absolute;
			width: 98%;
			height: 100%;
			top: 0;
		}