.vglt_app_button {
	height: 100px;
}

.vglt_app_mainbtn {
	top: -70px;
	z-index: 1000;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	height: 100px;
}

.vglt_ctrl_live_details.mdl-tabs__panel {
	overflow-y: auto;
	max-height: 60vh;
}

.vglt_ctrl_live .mdl-cell {
	min-height: 64px;
	overflow: hidden;
}

.vglt_ctrl_live .mdl-cell h1 {
	font-size: 24px;
	margin: 0px;
	padding: 5px 5px;
	line-height: 26px;
}

.vglt_ctrl_live .mdl-cell h2 {
	font-size: 14px;
	line-height: 16px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.vglt_ctrl_live .mdl-cell h3 {
	padding: 0 0 0 20px;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
}

.vglt_ctrl_live .mdl-cell p {
	font-size: 16px;
	line-height: 14px;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	height: 20px;
	margin-left: 20px;
	overflow: hidden;
}

/*
.vglt_ctrl_srv[onclick] h1 {
	color: var(--color_4);
}
*/

.vglt_ctrl_0 h1 {
	background-color: #90EE90;
	color: #000000;
}

.vglt_ctrl_1 h1 {
	background-color: #3DC1C6;
	color: #000000;
}

.vglt_ctrl_2 h1 {
	background-color: #005DFF;
	color: #000000;
}

.vglt_ctrl_3 h1 {
	background-color: #D4FF00;
	color: #000000;
}

.vglt_ctrl_4 h1 {
	background-color: #FFFF00;
	color: #000000;
}

.vglt_ctrl_5 h1 {
	background-color: #FAC71E;
	color: #000000;
}

.vglt_ctrl_6 h1 {
	background-color: #BE7D88;
	color: #000000;
}

.vglt_ctrl_7 h1 {
	background-color: #FFA500;
	color: #000000;
}

.vglt_ctrl_8 h1 {
	background-color: #E07676;
	color: #FFFFFF;
}

.vglt_ctrl_9 h1 {
	background-color: #FF0000;
	color: #FFFFFF;
}


/* Los colores de los servicios */
.vglt_ctrl_srv_N {
	background-color: #a7eff2;
}

.vglt_ctrl_srv_0 {
	background-color: #98ff98;
}

.vglt_ctrl_srv_1 {
	background-color: #98ff98;
}

.vglt_ctrl_srv_2 {
	background-color: #98ff98;
}

.vglt_ctrl_srv_3 {
	background-color: #d7d5cb;
}

.vglt_ctrl_srv_4 {
	background-color: #d7d5cb;
}

.vglt_ctrl_srv_5 {
	background-color: #d7d5cb;
}

.vglt_ctrl_srv_6 {
	background-color: #ffbfaf;
}

.vglt_ctrl_srv_7 {
	background-color: #ffbfaf;
}

.vglt_ctrl_srv_8 {
	background-color: #ffbfaf;
}

.vglt_ctrl_srv_9 {
	background-color: #ffbfaf;
}


/***************************/



.vglt_history_body {

}

.vglt_history_timeline {
	overflow-y: auto !IMPORTANT;
}


.vglt_history_tail {
	text-align: center;
    border: 1px solid green;
    border-radius: 16px;
    height: 32px;
    padding: 5px 0 0 0;
    background-color: lightgreen;
    box-sizing: border-box;
}

.vglt_history_timestamp {
	text-align: right;
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 12px;
}

.vglt_history_cross {
/*	background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="200" height="1000" inkscape:version="0.91 r13725" sodipodi:docname="drawing (1).svg"><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:zoom="3.96" inkscape:cx="34.46" inkscape:cy="436.105" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" units="px" inkscape:window-width="1920" inkscape:window-height="1021" inkscape:window-x="1024" inkscape:window-y="0" inkscape:window-maximized="1"/><metadata><rdf:RDF><cc:Work><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><g inkscape:label="Capa 1" inkscape:groupmode="layer"><path d="M-8.374 500h233.092" inkscape:connector-curvature="0" fill="#ccc" fill-rule="evenodd" stroke="#ccc"/><path d="M100-30.103v1041.972" inkscape:connector-curvature="0" fill="none" stroke="#000"/></g></svg>');*/
	background-image: url('/img/hst_vert.svg');
	background-position: center center;
	background-repeat: no-repeat;
}

.vglt_history_cross_end {
	background-image: url('/img/hst_vert_end.svg');
	background-position: center center;
	background-repeat: no-repeat;
}

.vglt_history_cross_dot {
/*	background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="200" height="100" inkscape:version="0.91 r13725" sodipodi:docname="drawing.svg"><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:zoom="3.96" inkscape:cx="117.798" inkscape:cy="55.191" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" units="px" inkscape:window-width="1920" inkscape:window-height="1021" inkscape:window-x="1024" inkscape:window-y="0" inkscape:window-maximized="1"/><metadata><rdf:RDF><cc:Work><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><g inkscape:label="Capa 1" inkscape:groupmode="layer" transform="translate(0 -952.362)"><path d="M-8.374 1002.362h233.092" inkscape:connector-curvature="0" fill="#ccc" fill-rule="evenodd" stroke="#999"/><path d="M100 932.407v131.825" inkscape:connector-curvature="0" fill="none" stroke="#000"/><circle cx="100" cy="1002.362" r="4.5" fill="purple" stroke="purple"/></g></svg>');*/
	background-image: url('/img/hst_cruz.svg');
	background-position: center center;
	background-repeat: no-repeat;
}

.vglt_history_span {
/*	background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="200" height="100" inkscape:version="0.91 r13725" sodipodi:docname="drawing (2).svg"><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:zoom="3.96" inkscape:cx="76.129" inkscape:cy="55.191" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" units="px" inkscape:window-width="1920" inkscape:window-height="1021" inkscape:window-x="1024" inkscape:window-y="0" inkscape:window-maximized="1"/><metadata><rdf:RDF><cc:Work><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><path d="M-8.374 50h233.092" inkscape:connector-curvature="0" fill="#ccc" fill-rule="evenodd" stroke="#ccc" inkscape:label="Capa 1" inkscape:groupmode="layer"/></svg>');*/
	background-image: url('/img/hst_horiz.svg');
	background-position: center center;
	background-repeat: no-repeat;
}

.vglt_history_event {
	border: 1px solid black;
	border-top-left-radius: 32px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 32px;
	border-bottom-right-radius: 5px;
	height: 48px;
	padding: 3px;
	background-color: whitesmoke;
	margin-top: 10px !important;
}

.vglt_history_event i {
    margin-right: 10px;
    font-size: 40px;
    display: block;
    float: left;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
}

.vglt_history_event h1 {
	font-size: 18px;
	margin: 0px;
	font-weight: bold;
	margin-left: 40px;
}

.vglt_history_event h1 i {
	background-color: transparent;
	font-size: 24px;
	margin: 0;
}

.vglt_history_event h1 button {
	height: 24px;
	float: right;
}

.vglt_history_event_0 i , .vglt_history_event_0 h1 {
	background-color: #90EE90;
	color: #000000;
}

.vglt_history_event_1 i , .vglt_history_event_1 h1 {
	background-color: #3DC1C6;
	color: #000000;
}

.vglt_history_event_2 i , .vglt_history_event_2 h1 {
	background-color: #005DFF;
	color: #000000;
}

.vglt_history_event_3 i , .vglt_history_event_3 h1 {
	background-color: #D4FF00;
	color: #000000;
}

.vglt_history_event_4 i , .vglt_history_event_4 h1 {
	background-color: #FFFF00;
	color: #000000;
}

.vglt_history_event_5 i , .vglt_history_event_5 h1 {
	background-color: #FAC71E;
	color: #000000;
}

.vglt_history_event_6 i , .vglt_history_event_6 h1 {
	background-color: #BE7D88;
	color: #000000;
}

.vglt_history_event_7 i , .vglt_history_event_7 h1 {
	background-color: #FFA500;
	color: #000000;
}

.vglt_history_event_8 i , .vglt_history_event_8 h1 {
	background-color: #E07676;
	color: #FFFFFF;
}

.vglt_history_event_9 i , .vglt_history_event_9 h1 {
	background-color: #FF0000;
	color: #FFFFFF;
}

.vglt_history_action {
	border: 1px solid black;
	border-radius: 5px;
	margin-top: 3px !important;
	font-size: 20px;
	position: relative;
	display: table;
}

.vglt_history_action span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.vglt_history_action i {
	font-size: 36px;
	display: block;
	float: left;
}

.vglt_history_action_img {
	border: none;
}

.vglt_history_action_img i {
	position: absolute;
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


.vglt_history_action_img img {
	max-width: 100%;
}

.vglt_history_action_snd {
	border: none;
}

.vglt_history_action_snd i {
	top: -2px;
    position: absolute;
    z-index: 100;
    left: -2px;
    font-size: 24px;
}

.vglt_history_action_snd audio {

}

.vglt_history_action_txt {
}

.vglt_history_action_txt span {
	font-size: 15px;
	color: black;
}

.vglt_history_action_end {

}

.vglt_history_action_end:after, .vglt_history_action_end:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.vglt_history_action_end:after {
	border-color: rgba(34, 213, 165, 0);
	border-right-color: white;
	border-width: 11px;
	margin-top: -12px;
}

.vglt_history_action_end:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000000;
	border-width: 12px;
	margin-top: -13px;
}