/* -----------------------------------------------------------------------
** screens
** -----------------------------------------------------------------------
*/

/* screen for modal dialog, paco items and windows */
.n00_screen, .n00_screen_msg, .n00_screen_warn, .n00_screen_err {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: -1;
	}


/* -----------------------------------------------------------------------
** fading subpage - meant to be used by fade rotor,
** tabbed subpages and bare subpage handler
** -----------------------------------------------------------------------
*/
.n00_fading_subpage {
	position: absolute;
	width: 100%;
	transition-property: visibility, opacity;
	transition-duration: 0s, 0.5s;
	visibility: visible;
	opacity: 1;
	z-index: 0;
	}
.n00_fading_subpage:not(:first-child) {
	visibility: hidden;
	opacity: 0;
	}

/* -----------------------------------------------------------------------
** styles for the generic box component
** -----------------------------------------------------------------------
*/
.n00_widget_box {
	}
.n00_widget_box input {
	}
.n00_widget_box select {
	}
.n00_widget_box button {
	border-width: 0px;
	}
.n00_widget_head {
	}

/* -----------------------------------------------------------------------
** styles for the paco component
** -----------------------------------------------------------------------
*/

.n00_paco {
	position: absolute;
	max-width: 480px;
	max-height: 100%;
	left: 50%;
	top: 25%;
	transform: translate(-50%, 0);
	}
.n00_paco_textbox {
	}
.n00_paco_iconbox {
	display: inline-table;
	float: left;
	}
.n00_paco_iconbox > div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	}
.n00_paco_inputbox {
	}
.n00_paco_inputbox > input {
	}
.n00_paco_buttons {
	text-align: right;
	}
.n00_paco_buttons > button {
	}

/* -----------------------------------------------------------------------
** styles for the style selector component
** -----------------------------------------------------------------------
*/
.n00_style_select {
	width: 100%;
	}


/* -----------------------------------------------------------------------
** styles for the slider component
** -----------------------------------------------------------------------
*/

/* table-like box containing the slider and the value box */
.n00_slidebox {
	display: table;
	}
.n00_slidebox > div {
	display: table-row;
	}
.n00_slidebox > div > div {
	display: table-cell;
	vertical-align: middle;
	}

/* slider bar */
.n00_slidebar {
	position: relative;
	cursor: text;
	}

/* slider mobile component */
.n00_slidemov {
	transition: none;
	position: relative;
	cursor: grab;
	}
.n00_slidemov[dragging=true] {
	cursor: grabbing;
	}


/* min and max value of a slider */
.n00_scalemin, .n00_scalemax {
	display: inline-block;
	}
.n00_slidemin { float: left; }
.n00_slidemax { float: right; }

/* current value for a slider */
.n00_slideval {
	}


/* -----------------------------------------------------------------------
** styles for the tabbler component
** -----------------------------------------------------------------------
*/

/* tabs container */
.n00_tabs_container {
	position: relative;
	}

/* single tab */
.n00_tabs_selected, .n00_tabs_active, .n00_tabs_inactive {
	display: inline-block;
	}
.n00_tabs_selected {
	}
.n00_tabs_active {
	cursor: pointer;
	}
.n00_tabs_inactive {
	}

/* -----------------------------------------------------------------------
** styles for the minitip and bigtip components
** -----------------------------------------------------------------------
*/

.n00_bigtip {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	}

.n00_bigtip_title {
	display: table;
	width: 100%;
	box-sizing: border-box;
	}
.n00_bigtip_title > div {
	display: table-cell;
	}
.n00_bigtip_title > div:first-child {
	vertical-align: middle;
	}
.n00_bigtip_title > div:last-child {
	width: 1px;
	vertical-align: top;
	}
.n00_bigtip_title button {
	}
.n00_bigtip_cont {
	}