.context_menu { background-color: #f2f2f2; height: 100%; overflow: hidden;}

.context_menu .icon { font-family: bose; }

.context_menu .master_header {
    -webkit-backdrop-filter: none;
    background-color: rgba(255, 255, 255, 1);
    z-index: 5;
    width: 100%;
    position: absolute;
}

.context_menu .content {
	background-color: #f2f2f2;
	padding: 1.875rem 1rem 2.313rem 1rem;/* left and right match .master_header styles */
	height: 100%;
	max-height: calc(100vh - 4rem);
	max-width: 40rem;
    margin: 3.75rem auto 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.context_menu .item { 
	min-height: 3.875rem; 
	display: -webkit-flex; 
	display: flex; 
	-webkit-flex-direction: row; 
	flex-direction: row; 
	-webkit-flex-wrap: nowrap; 
	flex-wrap: nowrap; 
}

.context_menu .item .image { 
	width: 3.875rem; 
	height: 3.875rem; 
	margin-right: 1.5rem; 
	background-size: contain; 
	background-color: #fff; 
	background-position: center center; 
	background-repeat: no-repeat; 
	-webkit-flex-basis: auto; 
	flex-basis: auto; flex-shrink: 0; 
	-webkit-flex-shrink: 0; 
	flex-grow: 0; 
	-webkit-flex-grow: 0; 
	min-width: 0; 
}

.context_menu .item .wrapper { 
	max-width: calc(100% - 5.375rem); 
	max-height: 100%; 
	-webkit-flex-basis: auto; 
	flex-basis: auto; display: 
	-webkit-flex; display: flex; 
	flex-direction: column; 
	-webkit-flex-direction: column; 
	justify-content: center; 
	-webkit-justify-content: center; 
}

.context_menu .item .wrapper .main,
.context_menu .item .wrapper .sub {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.875rem;
	line-height: 1.8em;
}
.context_menu .item .wrapper .sub {
	color: #737373;
	font-size: 0.688rem;
}

.context_menu .content .but { width: 85%; height: 3.5rem; margin: 1.875rem auto 0 auto; border-radius: 0.438rem; border: solid 1.5px #555555; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.context_menu .content .but .image { width: 1.688rem; height: 1.688rem; margin-right: 0.475em; background-size: cover; -webkit-flex-basis: auto; flex-basis: auto; flex-shrink: 0; -webkit-flex-shrink: 0; flex-grow: 0; -webkit-flex-grow: 0; min-width: 0; }
.context_menu .content .but .but_text { -webkit-flex-basis: auto; flex-basis: auto; width: auto; height: auto; margin: 0; padding: 0; border: 0; font-size: 0.8125rem; letter-spacing: 0.0875rem; color: #333333; }
.context_menu .content .but.warning { border: solid 1.5px #b90000 !important; }
.context_menu .content .but.warning .but_text { color: #b90000; }

#more_buts { position: relative; width: 100%; padding: 0; overflow: hidden; }
#more_extra { position: relative; width: 100%; color: #b2b2b2; margin: 0; padding: 1.875rem 0; border-bottom: 1px solid #979797; }
#more_extra > h3,
#more_extra > p {
	margin: 0 0 .3em 0;
	padding: 0;
	font-weight: 100;
	font-size: 0.875rem;
	line-height: 1.5;
	letter-spacing: 0.025rem;
	color: #000000;
}

.context_menu .item .wrapper .main {
	white-space: normal;
	overflow: visible;
}