:root{
	--color-blu:#1976d2;
	--color-orange:#fd8400;
	--color-white:#ffffff;
	--color-black:#000000;
	--color-celeste:#e8f1fa;
	--color-gray:#555555;
	--color-gray-light:#e4e4e4;
	--H1:1.9em;
	--H2: 1.5em;
	--H3: 1.17em;
	--H4: 1em;
	--H5: 0.83em;
	--H6: 0.67em;
}

#body{
	font-family: Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	background-color:gray;
	min-height:100vh;
}
#main{
	background-color:white;
}

.mds.mds-title{
	font-size: 1.9em;
	color: #555;
	margin: 15px 10px 0px 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.mds.mds-title.H1,
.mds.mds-title.H2{
	font-weight:bold;
	border-bottom: 1px solid black;
}
.mds.mds-title.line{
	border-bottom: 1px solid black;
}
.mds.mds-title.noline{
	border-bottom: none;
}
.mds.mds-title.main{
	font-size: 1.9em;
	border-bottom: none;
	/*! background-color:fd8200; */
  padding: 10px;
	/*! border-radius: 3px; */
	color: #1976d2;
	border-bottom: solid 1px #1976d2;
	font-weight: bold;
	/*! border-radius: 5px; */
}

.mds.H1{
	font-size: var(--H1);
}
.mds.H2{
	font-size: var(--H2);
}
.mds.H3{
	font-size: var(--H3);
}
.mds.H4{
	font-size: var(--H4);
}
.mds.H5{
	font-size: var(--H5);
}
.mds.H6{
	font-size: var(--H6);
}
.mds.mds-title.center{
	text-align: center;
}
.mds.mds-title.right{
	text-align: right;
} /* ///> */

.mds.mds-texts{
	color: var(--color-gray);
	margin: 10px;
	padding: 5px 10px ;
} /* ///> */
.mds.mds-text{
	color: var(--color-gray);
	margin: 10px;
	padding: 5px 10px;
}
.mds.mds-texts > .mds.mds-text{
	color: var(--color-gray);
	margin: 0px;
	padding: 2px 0px;
}
.mds.mds-texts.note, 
.mds.mds-text.note{
	color: var(--color-gray);
	margin: 5px 20px;
	padding: 5px 10px;
	background-color:var(--color-gray-light);
	border-radius: 5px;
}
.mds.mds-text.signed{
	text-align: right;
} /* ///> */
.mds.mds-line{
	border-bottom: 1px solid black;
	margin: 5px 10px 5px 10px;
}
.mds.mds-line.end{
	border:none;
	background-color: white;
	height:20px;
	box-shadow: 0px 1px 4px -2px black inset;
	margin: 0px;
} /* ///> */
.mds.mds-space{
	margin: 5px 10px 5px 10px;
}
.mds.mds-SPACE.X2{
	margin: 10px 10px 10px 10px;
}
.mds.mds-SPACE.X4{
	margin: 20px 10px 20px 10px;
} /* ///> */
.mds.mds-exec{
	/*! color: #888; */
	font-size: 13px;
	margin: 0px 20px 10px 20px;
} /* ///> */
.mds.mds-methods .mds-title{
	font-size:var(--H2);
	color: var(--color-gray);
	margin: 10px 10px 10px 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 1px solid black;
font-weight: bold;}
.mds.mds-methods .mds-desc{
	margin: 0px 5px 10px 20px;
	color: var(--color-gray);
	padding: 0px 10px 5px 10px;
}

.mds.mds-class .mds.title{
	padding: 10px 25px;
	font-family: 'Roboto Mono', monospace;
	background: #1976d2ff;
	padding:10px 10px;
	color: #000;
	margin: 0px 10px;
	border-radius: 5px;
}
.mds.mds-class .mds.title .mds.name{
	margin-left: 10px;
	color: #fff;
}
.mds.mds-class .mds.mds-box.funz{
	background-color: transparent;
	border-radius:5px;
	margin: 10px;
	border: 1px solid #1976d2;
}
.mds.mds-class .mds.mds-box.funz .return{
	margin: 10px;
	font-size: 15px;
	width: 100px;
}
.mds.mds-class .mds.mds-box.funz .name{
	color:#0769ad;
	margin: 10px;
	font-weight: bold;
}
.mds.mds-class .mds.mds-box.funz .comma,
.mds.mds-class .mds.mds-box.funz .brancket{
	color:#0769ad;
	margin: 10px;
	font-weight: bold;
}
.mds.mds-class .mds.mds-box.funz .arg{
	color:#fd8200;
	margin: 10px;
	font-weight: bold;
}
.mds.mds-class .mds.mds-box.funz .kui-button{
	color:#fd8200;
	border: none;
	background-color: #FFF;
	box-shadow: none;
}
.mds.msds-class .mds.mds-box.funz .kui-button-default:hover {
	background-color: #5248FF;
}
.mds.mds-method{
	padding-left:10px;
}
.mds.mds-link{
	margin: 0 20px;
	color: var(--color-blu);
	font-size: 15px;
	text-decoration: underline;margin: 5px 5px 5px 20px;
}
.api{
	margin: 10px 20px;
	border: 1px solid var(--color-blu);
	border-radius: 5px
}
.mds-funz.wrap{
	padding: 10px 25px;
	font-family: 'Roboto Mono', monospace;
	padding:10px 10px;
	border-radius: 3px 3px 0px 0px;
}
.mds-funz.wrap > .obj{
	color:#232323;
	padding:0px 0px;
}
.mds-funz.wrap > .funz{
	color: var(--color-blu);
	font-weight: bold;
}
.mds-funz.wrap > arg{
	padding:1px 5px;
	border-radius: 3px;
	/*! background-color:#f9af2f; */
	color:fd8200;
	font-weight: bold;
}
.api > .mds-funz.wrap .funz{
	color: #1976d2;
	font-weight: bold;
}
.api > .mds-funz.wrap .brancket,
.api > .mds-funz.wrap .comma{
	color:#0769ad;
	font-weight: bold;
}




.api.mds-override .mds-funz.wrap{
	background-color:var(--color-orange);
}
.api.mds-override .mds-funz.wrap > .obj{
	color: var(--color-blu);
}
.api.mds-override .mds-funz.wrap > .funz{
	color: var(--color-black);
}
.api.mds-override .mds-funz.wrap > .arg{
	color: var(--color-white);
}
.api.mds-override .mds-funz.wrap > .brancket,
.api.mds-override .mds-funz.wrap > .comma{
	color: var(--color-black);
}




.api pre{
	display: inline;
}
.api pre p{
	display: inline;
}
.mds-funz-arg.wrap {
	margin: 10px 10px 0px 10px;
	paddig:0px;
	border-bottom:solid 1px #e4e4e4;
	padding-bottom: 10px;
}
.mds-funz-arg.wrap .wrap-type,
.mds-funz-return.wrap .wrap-type{
	min-width:150px;
	padding-left: 5px;
	font-family: 'Roboto Mono', monospace;
	font-size: 0.83em;
}
.mds-funz-arg.wrap .wrap-type .type,
.mds-funz-return.wrap .wrap-type .type{
	padding:2px 5px;
	border-radius:3px;
	font-weight: bold;
}
.mds-funz-arg.wrap .code {
	background-color: transparent;
	border: none;
	padding:0px;
}
.mds-funz-return.wrap {
	margin: 10px 10px 0px 10px;
	border-bottom:solid 1px var(--color-blu);
	padding-bottom: 10px;
}
.mds-funz-return.wrap .code {
	background-color: transparent;
	border: none;
	padding: 0px;
}/* ///> */

.api.mds-def > .def > .mds-title,
.api.mds-override > .override > .mds-title{
	font-size: 0.67em;
	/* border-bottom: solid 1px white; */
	margin: 0px;
	padding: 10px 10px;
	/*! background-color: #e1e1e1; */
	color: white;
	/* padding-left: 0px; */
	margin-bottom: 0px;
	background-color: var(--color-blu);
	border-radius: 3px 3px 0px 0px;
}
.api.mds-override > .override > .mds-title {
	background-color: var(--color-orange);
}
.api .params > .mds-title,
.api .returns > .mds-title {
	font-size: 0.67em;
	border-bottom: solid 1px var(--color-blu);
	margin: 0px;
	margin: 10px 10px;
	/*! background-color: #e1e1e1; */
	color: #1976d2;
	padding-left: 0px;
	margin-bottom: 0px;
}

.api.mds-override  .mds-desc {
	padding: 5px 10px;
	font-size: var(--H4);
}
.api.mds-override .mds-desc {
	color:var(--color-gray);
	border-top: solid 1px #e4e4e4;}
.api .params > :last-child {
	border-bottom:none;
}
.api .returns:last-child > :last-child {
	border-bottom:none;
}
.api .mds-box.anchors {
	padding:5px 10px;
}
.api .mds-box.anchors > .mds-anchor:first-child {
	margin: 0px;
}
.api .mds-box-anchor > .mds-anchor,
.api .mds-box-anchor > .mds-desc {
	padding: 5px 10px;
	font-size: var(--H4);
min-width: 250px;}
.api .mds-box-anchor > .mds-desc {
	color:var(--color-gray);
}
.api > .mds.mds-title {
	color: #555;
	margin: 0px 10px 0px 10px;
	padding: 5px 0px;:white
	border-bottom: 1px solid black;
}

/* API_EVENT — EVENT badge + green theme */
.mds.mds-event{
	border: 1px solid #4caf50;
	border-radius: 5px;
	margin: 10px 20px;
}
.mds.mds-event-header{
	background-color: #4caf50;
	padding: 8px 15px;
	border-radius: 4px 4px 0 0;
}
.mds.mds-event-header .mds.mds-event-badge{
	display: inline-block;
	background: #fff;
	color: #4caf50;
	font-weight: bold;
	font-size: 0.75em;
	padding: 2px 8px;
	border-radius: 3px;
	margin-right: 10px;
}
.mds.mds-event-header .mds.mds-event-name{
	display: inline-block;
	color: #fff;
	font-family: 'Roboto Mono', monospace;
	font-size: 0.9em;
}
.mds.mds-event .mds-box.mds-event-trigger{
	margin: 10px;
}
.mds.mds-event .mds-box.mds-event-trigger > .mds-title.H4{
	font-size: 0.67em;
	margin: 0px;
	padding: 5px 10px;
	color: #4caf50;
	border-bottom: solid 1px #4caf50;
}
.mds.mds-event .mds-box.mds-event-trigger > .mds-text{
	margin: 5px 10px;
	padding: 5px 10px;
	color: #555;
}
.mds.mds-event .mds-box.mds-event-payload{
	margin: 10px;
}
.mds.mds-event .mds-box.mds-event-payload > .mds-title.H4{
	font-size: 0.67em;
	margin: 0px;
	padding: 5px 10px;
	color: #4caf50;
	border-bottom: solid 1px #4caf50;
}
.mds.mds-event .mds-funz-arg.wrap{
	margin: 5px 10px;
	border-bottom: solid 1px #e4e4e4;
	padding: 5px 0;
}
.mds.mds-event .mds-funz-arg.wrap .wrap-type{
	min-width: 80px;
	padding-left: 5px;
	font-family: 'Roboto Mono', monospace;
	font-size: 0.83em;
}
.mds.mds-event .mds-funz-arg.wrap .wrap-type .type{
	padding: 2px 8px;
	border-radius: 3px;
	font-weight: bold;
	background: #e8f5e9;
	color: #2e7d32;
}
.mds.mds-event .mds-funz-arg.wrap .code{
	background: transparent;
	border: none;
	padding: 0;
}
.mds.mds-event-inner{
	padding: 0 15px;
}
.mds.mds-event-inner > .mds-text{
	margin: 2px 0;
	padding: 2px 5px;
	font-size: 0.83em;
	color: #555;
}
.mds.mds-exec .mds-box-code {
	/*! border: 1px solid #888; */
	background-color: #F8F8F8;
	padding: 10px;
	/* box-shadow: 0px 1px 5px -1px black inset; */
	border: 1px solid var(--color-blu);
	/*! border-left: solid 10px #2d37f2; */
	border-radius: 0px 5px 5px 0px;
	min-height: 20px;
border-left: solid 5px var(--color-blu);}
.mds.mds-exec .mds-box-title {
	color:white;
	/*! font-size:large; */
	background-color: var(--color-blu);
	border-radius: 5px 5px 0px 0px;
	padding: 10px 15px;
	/* margin-top: 20px; */
	font-weight: bold;
	z-index: 1;
	box-shadow: 0px -1px 1px #FFF9;
}
.mds.kui-widget.kui-button-default.mds-exec-onclick {
	color: white;
	padding: 5px;
	border-radius: 3px;
	margin: 10px 10px 10px 20px;
	box-shadow: 0px 2px 2px -2px black;
	background-color: #f9af2f;
}
.mds.kui-widget.kui-button-default.mds-exec-onclick .kui-label {
	color: white;
} /* ///> */

.group_example                                /* ///< FORSE DA SOSTITUIRE CON .mds.mds-box */ {
	background-color: #eaeaea;
 	 margin: 10px;
 	 padding: 10px;  border-radius: 3px;
 	box-shadow: 0px 2px 2px -1px black inset;
}
.group_example > .mds.mds-code-caption{
	margin: 0px;
}
.group_example > .mds.mds-code{
	margin: 0px;
	box-shadow: 0px -2px 0px white, 0px 2px 2px -2px black;
}
.group_example > .mds.mds-exec{
	margin: 0px;
}
.group_example > .mds.mds-exec-onclick{
	margin: 0px;
} /* ///> */
.mds.mds-code-caption                         /* ///< */{
	color: #888;
	font-size: 13px;
	padding: 0px 5px 0px 10px;
	margin: -2px 20px 0px 20px;
	/*! background: #9892a2; */
background-color: var(--color-blu);border-radius: 5px 5px 0px 0px;}
.mds.mds-code-caption .mds-cod-title{
	color: white;
	/*! font-size:large; */
	/*! padding-left: 10px; */
	line-height: 24px;
	/* margin-bottom: 5px; */
}
.mds.mds-code-caption .mds-cod-btn{
	color: white;
	text-decoration: underline;
  line-height: 20px;
	margin-bottom: 5px;
} /* ///> */
.mds.mds-code {
	/*! border: 1px solid #888; */
	margin: 0px 20px 10px 20px;
	/* border: solid 1px var(--color-blu); */
  -webkit-touch-callout:text;
  -webkit-user-select:text;
  -moz-user-select:text;
  -ms-user-select:text;
  user-select:text;
  cursor:text;
border-radius: none;border-left: solid 5px var(--color-blu);padding-left: 0px;}
.mds.mds-code>pre{
	/*box-shadow: 0px 1px 2px black inset;*/
	border: solid 1px var(--color-blu);
	border-radius: 0px 5px 5px 0px;
} /* ///> */

.LINK_MENU_VOICE{
	color: red;
	font-size: 10px;
}
.LINK_MENU{
	margin: 5px 40px 5px 40px;
	font-size: 14px;
}
.LINK_MENU .INTRO{
	color: #666;
}
.LINK_MENU .ITEM{
	margin-left: 10px;
	color: #66A;
	border-bottom: 1px dotted #66A;
}
.mds.mds-menu-map                              /*///<*/{
	/* font-size: 12px; */
	margin: 0px 15px 0px 15px;
	background-color: #fff;

	/*! box-shadow: 0px 2px 2px -2px black, 0px 3px 2px -3px black inset; */
	color: black;
	border-bottom: solid 1px #eaeaea;
	padding: 0px 5px 0px 5px;
	height: 41px;
}
.mds.mds-menu-map .mds-arrow{
	margin: 0px 5px;
	/*color: #f0f0f0;*/
}
.mds.mds-menu-map .mds-item{
	margin: 0px;
	color: #666;
}
/*///>*/
.mds.mds-menu-index                            /*///<*/{
	font-size: 12px;
	border-bottom: none;
	margin-left: 0px;
	margin-top: 5px;
	padding-left:20px;
	backgrounXXXd-color: #00000005;
	border-left:solid 1px #DDD;
}
.mds.mds-menu-index.mds-level-0              {
	margin-top: 10px;
	margin-left: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-left:none;
	border-bottom:solid 1px #DDD;
}
.mds.mds-menu-index.mds-level-0 > .mds-name{
	font-size: 22px;
}
.mds.mds-menu-index.mds-level-1{
	font-size: 16px;
	border-bottom: none;
}
.mds.mds-menu-index.mds-level-2{
	font-size: 14px;
	border-bottom: none;
}
.mds.mds-menu-index.mds-level-3{
	font-size: 12px;
	border-bottom: none;
}
.mds.mds-menu-index .mds-name{
	margin-top: 5px;
}
.mds.mds-menu-index .run{
	font-size: 12px;
	color: #A66;
	border-bottom: 1px dotted #A66;
	margin-top: 5px;
}
/*///>*/

/* vim:ts=2 fdm=marker fmr={,} ff=unix number 
 *  */