html {
	font-size: 14px;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
}


tr.apo-row-selected > td {
	background-color: darkslategray;
}

/*
div.apo-row-selected {
	background-color: darkslategray;
}
*/

div.apo_row_selected {
	outline: 1px solid violet;
}

div.apo-row-selection-mark {
}

/* media picker*/

div.apo-mpick-folder-area {
	outline: none;
}

div.apo-mpick-parent-folder-row {
}

div.apo-mpick-child-folder-row {
}

div.apo-mpick-row-selected {
	background-color: lightgray;
	color: black;
}

/*
	Favorites
*/

div.apo-fav-slide-row {
	background-color: lightgreen;
	color: black;
}

div.apo-fav-slides-row-selected {
	background-color: lightgray;
	color: black;
}


div.apo-fav-imglib-row-selected {
	background-color: lightgray;
	color: black;
}


/*
	Menu
*/

/* function groups */
.apo-menu-group-col {
	padding: 10px;
}

/* menucards */

.apo-menucard {
	border: 2px ridge lightgrey;
}

.apo-menucard-title {
	font-size: 20pt;
}

.apo-menucard-info-box {
	font-size: 12pt;
	height: 5rem; 
	padding-left: 10px;
	padding-right: 10px;
	text-align: center; 
}

.apo-menucard-info-text {
}


div.apo-menucard-body {
}

div.apo-menucard-footer {
}

/*
	recent files
*/

button.apo_recent_files_info {
}

button.apo_recent_files_action {
	
}

/* collaboration - companions */

div.apo_companion_row {
}

div.apo_companion_row_selected {
	background-color: dodgerblue;
}

/* Media center */

div.apo_media_folder_row {

}

div.apo_media_file_row {
}

/* Breadcrumb */

.apo-breadcrump-h1 {
	display: flex;
	padding-top: 0px;
	font-size: 1rem;
}

.breadcrumb h1 {
	display: flex;
	font-size: 120%;
	color: cornflowerblue;
	margin-top: -2px;
	padding: 4px;
	border: 1px;
	border-color: cornflowerblue;
	border-style: solid;
}

/* Favorites editor */
.apo_fav_edit_board {
	border-right-width: 2px;
	border-right-color: cornflowerblue;
	border-right-style: dotted;
}

/* Favorites editor viewobject area */
.apo_fav_edit_viewobj {
}

.apo_fav_edit_col_work {
}

.apo_fav_edit_col_lib {
	border-left-width: 2px;
	border-left-color: green;
	border-left-style: dotted;
	background-color: darkslategrey;
}

.apo_fav_edit_workarea {
	border: 2px;
	border-color: blue;
	border-style: solid;
	background-color: lightgrey;
}

.apo_fav_edit_card {
}

div.apo_fav_edit_card_selected {
	color: cornflowerblue;
}

div.apo_fav_edit_card_selected svg {
	fill: blue;
}

.apo_fav_edit_icon {
}

.apo_fav_edit_icon svg {
	width: 100%;
	height: auto;
	fill: lightblue;
	/* stroke: lightblue; */
}

.apo_fav_edit_icon_selected svg {
	width: 100%;
	height: auto;
	fill: yellow;
}

/* Slides editor */

.apo_fav_slidesedit_slides_area {
	background-color: rgb(8,8,8);
}

.apo_fav_slidesedit_slides_header {
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-color: grey;
	border-left: 1px;
	background-color: rgb(21,25,29);
}

.apo_fav_slidesedit_slides_actions {
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: lightgray;
	background-color: rgb(21,25,29);
	padding: 6px 12px !important;
	/*
	padding: 4px;
*/
}

.apo_fav_slidesedit_slides {
	height: 20em;
	overflow-y: scroll;
	overflow-x: hidden;
	color: darkgray;
	background-color: black;
}

.apo_fav_slidesedit_slide_row {
	background-color: black;
}

.apo_fav_slidesedit_slide_col_mark {
	color: whitesmoke;
	background-color: rgb(8,8,8);
	padding: 4px;
}

.apo_fav_slidesedit_slide_col_img {
	color: whitesmoke;
	background-color: rgb(8,8,8);
	padding: 4px;
}

.apo_fav_slidesedit_slide_col_note {
	color: whitesmoke;
	background-color: rgb(8,8,8);
	padding: 4px;
}

.apo_fav_slidesedit_slide_col_options {
	color: whitesmoke;
	background-color: rgb(8,8,8);
	padding: 4px;
}

.apo_fav_slidesedit_slide_col_play {
	color: whitesmoke;
	background-color: rgb(8,8,8);
	padding: 4px;
}

.apo_fav_slidesedit_medialib_area {
	border-width: 0px 0px 0px 1px;
	border-style: none none none dotted;
	border-color: darkgrey;
	background-color: rgb(21,25,29);
}

.apo_fav_slidesedit_medialib_header {
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: rgb(21,25,29);
}


/*
see https://create.vista.com/colors/color-names/dark-grey/
*/

.apo_fav_slidesedit_medialib_files_area {
	background-color: rgb(60,60,60);
}

.apo_fav_slidesedit_medialib_mediafolder {
	background-color: rgb(60,60,60);
	overflow-y: scroll;
	overflow-x: hidden;
	height: 300px;
}

.apo_fav_slidesedit_medialib_file_row {
}

.apo_fav_slidesedit_details_area {
	background-color: gray;
}


/* Calendar Week View */

div.apo_cal_week_day_header_row {
}

div.apo_cal_week_day_header {

}

div.apo_cal_week_weekdays {
	background-color: rgb(60,60,60);
}

div.apo_cal_week_weekday {
	background-color: rgb(60,60,60);
}

div.apo_cal_week_weekday_day_selected {
	background-color: rgb(60,60,60);
}

div.apo_cal_week_dates_row {
	background-color: rgb(60,60,60);
}

div.apo_cal_week_dates_day {
	background-color: grey;
}

div.apo_cal_week_dates_day_selected {
	background-color: rgb(60,60,60);
}

div.apo_cal_week_allday_events_row {
	background-color: rgb(60,60,60);
}

div.apo_cal_week_allday_events_col {
	background-color: lightgrey;
	border-width: 0px 1px 1px 0px;
	border-color: black;
	border-style: dotted;
}

canvas.apo_cal_week_canvas {
	background-color: lightgrey;
	border-width: 0px 1px 1px 0px;
	border-color: black;
	border-style: dotted;
}

div.apo_cal_week_items {
	background-color: rgb(60,60,60);
}

div.apo_cal_week_items_day {
	background-color: lightgrey;
}


div.apo_cal_week_items_day_selected {
	background-color: rgb(60,60,60);
}

div.apo_cal_week_items_row {
	background-color: rgb(220,220,220);
	border-width: 0px 1px 1px 0px;
	border-color : black;
	border-style: dotted;
	height: 4em;
}

/* Calendar Day View */

div.apo_cal_week_day_header {

}

/* Calendar List View*/
div.apo_calevt_list_table {
}

div.apo_calevt_list_table_header {
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-color: grey;
	border-left: 1px;
	background-color: rgb(21,25,29);
}

div.apo_calevt_list_row {
	background-color: black;
	margin-bottom: 1px;
}	

div.apo_calevt_list_row_selected {
	outline: 1px solid violet;
	margin-bottom: 1px;
}

div.apo_calevt_list_col_mark {
}

div.apo_calevt_list_col_allday {
}

div.apo_calevt_list_col_repetition {
}

div.apo_calevt_list_col_startdate {
}

div.apo_calevt_list_col_enddate {
}

div.apo_calevt_list_col_title {
}

div.apo_calevt_list_col_object {
	overflow-x: scroll;
	font-size: 10px;
	padding: 0px;
	background-color: dimgrey;
	border-color: white;
	border-style: solid;
	border-width: 1px;
}

button.apo_cal_selected {
}

hr.apo_calevt_dlg {
	border: 1px;
	border-bottom: 2px dashed whitesmoke;
	background: dimgrey;
}

/*
.apo_calevt_button:focus {
	outline: none;
	box-shadow: none;
}
*/

.apo_calevt_cond {

}

button.apo_calevt_on {
	color: whitesmoke;
	font-style: normal;
	border-color: violet;
	border-width: 1px;
}

button.apo_calevt_off {
	color: whitesmoke;
	font-style: normal;
	border-color: dimgrey;
	border-width: 1px;
}

apo_calevt_on:focus {
	color: red;
	font-style: normal;
	border-color: violet;
	border-width: 1px;
}

select.apo_calevt_on {
	color: whitesmoke;
	border-color: violet;
}

select.apo_calevt_off {
	color: whitesmoke;
	border-color: dimgrey;
}

.apo_calseries_btn_help_on {
	color: whitesmoke;
	background-color: black;
	border-color: whitesmoke;
}

apo_calseries_btn_help_off {
	}


.btn:focus {
	outline: none;
	box-shadow: none;
}

button.apo_caldlg_sel_weekday {

}

button.apo_caldlg_sel_monthday {
}

button.apo_caldlg_sel_month {
}




/*
div.apo_caldlg_repeat_button {
}

div.apo_caldlg_repeat_button_selected {
	color: cornflowerblue;
}

*/

hr.apo_outmsg_dlg {
	border: 1px;
	border-bottom: 2px dashed whitesmoke;
	background: dimgrey;
}

apo_outmsg_row {
}

div.apo_outmsg_row_selected {
	outline: 1px solid violet;
}

div.apo_outmsg_row:active {
	outline: 1px solid cornflowerblue;
}