/* OBECNY STYL SPOLECNY VSEM APLIKACIM (teoreticky) */

/* zakladni styly pro vsechny prvky */

* 				{ color:inherit; margin:0px; padding:0px; border:0px; font-family:inherit; outline-style: none;transition: color var(--trans_speed), background-color var(--trans_speed), border-color var(--trans_speed), visibility var(--trans_speed) linear, background-size var(--trans_speed); -webkit-text-size-adjust: 100% !important; }
html			{ height: -webkit-fill-available; }
body 			{ min-height: -webkit-fill-available; font-family:arial; font-weight:100; font-size:15px; line-height:1.2em; overflow:hidden; overflow-y:scroll; color:var(--black); background-color:var(--bg,#fff); }

hr 				{ border-top:1px solid var(--text,#000); margin:20px 0px 20px 0px; }
a 				{ text-decoration:underline; color:inherit; cursor:pointer; }
a:hover 		{ text-decoration:none; color:inherit; }
a.disabled 		{ opacity:0.4; pointer-events: none; cursor:not-allowed; }
h1,h2,h3,h4,h5,h6 { display:block; font-weight:400; padding:0 0 1rem 0; margin:0; }
h1,h2 			{ font-size:3.0em; line-height:1.5em; }
h3 				{ font-size:2.0em; line-height:1.5em; }
h4 				{ font-size:1.5em; line-height:1.5em; }
h5,h6 			{ font-size:1.2em; line-height:1.5em; }
p				{ margin:0 0 1rem 0; }
strong, .strong	{ font-weight:700; }
small, .small	{ font-size:0.8rem; }
em, .em			{ font-style:italic; }
mark, .mark		{ background:var(--neutral,#39f); }
time			{  }

ul, ol			{ margin:0; padding:0; margin:0 0 1rem 0;}
ol				{ counter-reset:ol_counter; }
ul > li,
ol > li			{ display:block; margin:0; padding:0 0 0 2em; position:relative; }
ul > li:before,
ol > li:before	{ content:'•'; display:block; position:absolute; top:0; left:0; text-align:right; width:1.5em; color:var(--neutral,#39f); }
ol > li:before	{ counter-increment: ol_counter; content: counter(ol_counter) ". "; font-weight:bold; }
ol ol, ul ol, ol ul, ul ul { margin-bottom:0; }
ol ol			{ counter-reset:ol_subcounter; }
ul ol > li:before,
ol ol > li:before	{ counter-increment: ol_subcounter; content: counter(ol_subcounter) ". "; font-weight:normal; }


/* formularove prvky */
label { display:block; width:100%; padding:0 10px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
input,
button,
.button,
select,
.v-select,
textarea { width:100%; display:block; height:42px; line-height:40px; padding:0 10px; font-size:inherit; font-family:inherit; background:var(--bg,#fff); color:var(--text,#000); border:1px solid var(--border,#ccc); border-radius:2px; box-sizing:border-box; -webkit-appearance: none; appearance: none; }
input:focus,
select:focus,
textarea:focus,
input:hover,
select:hover,
textarea:hover { border-color:var(--orange); }
input {  }
select {  }
textarea { resize: none; line-height:20px; padding-top:10px; padding-bottom:10px; min-height:42px; height:102px; }
fieldset { display:block; }
fieldset legend,
fieldset .legend {	display:block; font-style: normal; font-weight: bold; }

/* checkbox, radio */
input[type="radio"],
input[type="checkbox"] { width:0; height:0; padding:0; margin:0; opacity:0.01; overflow:hidden; }
input[type="radio"] + label,
input[type="checkbox"] + label { display:block; position:relative; padding:10px 10px 10px 30px; line-height:20px; height:42px; box-sizing:border-box; width:100%; color:inherit; background:none; }
input[type="radio"] + label:before,
input[type="checkbox"] + label:before { display:block; position:absolute; left:0px; top:10px; width:20px; height:20px; content:' '; border:1px solid var(--border,#ccc); border-radius:2px; background:var(--bg,#fff); }
input[type="radio"] + label:before { border-radius:100px; }
input[type="radio"] + label:after,
input[type="checkbox"] + label:after { display:block; position:absolute; left:0px; top:10px; width:22px; height:22px; line-height:22px; opacity:0; text-align:center; content:"✓"; font-family:'icomoon'; color:var(--text,#000); }
input[type="radio"] + label:after { content:' '; width:6px; height:6px; left:8px; top:18px; background:var(--text,#000); border-radius:3px; }
input[type="radio"]:focus + label:before,
input[type="checkbox"]:focus + label:before,
input[type="radio"]:hover + label:before,
input[type="checkbox"]:hover + label:before { border-color:var(--text,#000); }
input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after { opacity:1; }
input[type="radio"][readonly] + label,
input[type="checkbox"][readonly] + label,
input[type="radio"][disabled] + label,
input[type="checkbox"][disabled] + label { color:var(--border,#ccc); pointer-events: none; cursor:not-allowed; }

/* button */
input[type="submit"],
button,
.button { display:inline-block; width:max-content; vertical-align:top; padding-left:20px; padding-right:20px; background:var(--text,#000); color:var(--bg,#fff); border-color:var(--text,#000); text-decoration:none; margin-bottom:20px; cursor:pointer; text-transform:uppercase; }
input[type="submit"]:hover, button:hover, .button:hover,
input[type="submit"]:focus, button:focus, .button:focus { background-color:var(--bg,#fff); color:var(--text,#000); }
input[type="submit"][disabled], button[disabled], .button[disabled], .button.disabled { opacity:0.2; pointer-events:none; cursor:not-allowed; }
input[type="submit"] + input[type="submit"], input[type="submit"] + button, input[type="submit"] + .button, button + input[type="submit"], button + button, button + .button, .button + input[type="submit"], .button + button, .button + .button { margin-left:20px; }
input[type="submit"].wide, button.wide, .button.wide { width:100%; }

/* vue select */
.v-select { padding-left:0; padding-right:0; }
.v-select .vs__dropdown-toggle { padding:0; border:none; height:100%; }
.v-select .vs__selected-options { padding:0; }
.v-select .vs__selected-options .vs__search { margin:0; padding:0 10px; border:none; line-height:inherit; font-size:inherit; }
.v-select .vs__selected-options .vs__selected { position:relative; color:inherit; line-height:inherit; font-size:inherit; margin:5px 0 5px 5px; height:30px; padding:0 10px; }
.v-select .vs__selected-options .vs__selected .vs__deselect { position:absolute; top:0; right:0; width:10px; height:10px; margin:-5px; }
.v-select .vs__selected-options .vs__selected .vs__deselect:hover { background:none; fill:var(--negative,#f66); }
.v-select .vs__actions { cursor:pointer; }
.v-select .vs__actions .vs__clear { fill:var(--border,#ccc); padding:0 4px; margin:0; }
.v-select .vs__actions .vs__clear:hover { fill:var(--negative,#f66); background:none; }
.v-select .vs__actions .vs__open-indicator { fill:var(--border,#ccc); }
.v-select .vs__actions .vs__spinner {  }
.v-select .vs__dropdown-toggle:hover + .vs__actions > .vs__open-indicator { fill:var(--text,#000); }
.v-select .vs__dropdown-menu { padding:0 1px;  border:1px solid var(--border,#ccc); }
.v-select .vs__dropdown-menu .vs__dropdown-option { }
.v-select .vs__dropdown-menu .vs__dropdown-option:before { display:none; content:none; }
.v-select .vs__dropdown-menu .vs__dropdown-option > div { }
.v-select .vs__dropdown-menu .vs__dropdown-option > div > .select-option-label { padding:4px 10px; line-height:1em; }
.v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--highlight { background-color:#ddd; }
.v-select .vs__dropdown-menu .vs__dropdown-option.vs__dropdown-option--selected { }
.v-select .vs__dropdown-option .select-option-img { display:block; float:left; width:40px; height:40px; margin-right:10px; border-radius:20px; overflow:hidden; }
.v-select .vs__dropdown-option .select-option-img img { width:100%; }
.v-select .vs__dropdown-option .select-option-label { display:block; line-height:22px; }
.v-select .vs__dropdown-option .select-option-desc { display:block; font-size:0.8rem; line-height:18px; }
.v-select.vs--single .vs__selected-options .vs__selected {  }
.v-select[required="required"] .vs__actions .vs__clear { display:none; }


/* invalid, readonly, placeholder */
input[readonly],textarea[readonly],select[readonly] { color:var(--border,#ccc); }
input[disabled],textarea[disabled],select[disabled] { color:var(--border,#ccc); pointer-events: none; cursor:not-allowed; }
/* input:invalid, textarea:invalid { color:var(--text,#333); border-color:var(--negative,#f66); box-shadow:none; }*/
::-webkit-input-placeholder { color:var(--border,#ccc); opacity:0.5; }/* Edge */
:-ms-input-placeholder 		{ color:var(--border,#ccc); opacity:0.5; }/* Internet Explorer 10-11 */
::placeholder 				{ color:var(--border,#ccc); opacity:0.5; }/*  */
.field_wrapper .placeholder { color:var(--border,#ccc); opacity:0.5; }/* CSC placeholder - proc neni jako attribut a content ?*/


/* csc formulare */
.csc-field-wrapper { position:relative;	display:block; }
.field_wrapper { position:relative;	display:block; padding:0 0 20px 0px; }
.field_wrapper > .field_wrapper { padding:0px; }
.field_wrapper .placeholder { position:absolute; display:none; pointer-events: none; z-index:10; }
.field_wrapper[empty="true"] .placeholder {	display:block; }
.field_wrapper .state,
.field_wrapper .help { display:block; position:absolute; bottom:0px; padding:0 10px; font-size:0.8rem; height:20px; line-height:20px; color:var(--neutral,#39f); }
.field_wrapper .state:before,
.field_wrapper .help:before { display:inline-block; vertical-align:top; margin-right:10px; }
.field_wrapper .state { display:none; font-weight:bold; text-transform:uppercase; }
.field_wrapper .error { color:var(--negative,#f66); text-transform:uppercase; }
.field_wrapper .state.saved { display:block; color:var(--positive,#6c0); }
.field_wrapper .state.saved:before { content:'✓'; font-family:'icomoon'; }
.field_wrapper .state.working {	display:block; color:var(--neutral,#39f); }
.field_wrapper .state.working:before { content:'⤾'; font-family:'icomoon'; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite; }
.field_wrapper .state.error { display:block; color:var(--negative,#f66); }
.field_wrapper .state.error:before { content:'⚠'; font-family:'icomoon'; }
.field_wrapper .help:before { content:'ⓘ'; font-family:'icomoon'; }
form.loading input[type="submit"], form.loading button, form.loading .button { opacity:0.2; pointer-events:none; cursor:not-allowed; }
input[type="date"], input.csc-calendar-input { padding:4px 20px 4px 15px; }
.csc-field-wrapper[type="date"]:after { content:'▦'; font-family:'icomoon'; position: absolute; top:11px; right:7px; font-size:20px; pointer-events: none; }


/* tabulky */
table { border-collapse:collapse; width:100%; table-layout:fixed; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); margin:0 0 1rem 0; }
table * { text-decoration:none; }
table th { padding:10px 10px 10px 10px; text-align:left; vertical-align:bottom; background:var(--text,#000); color:var(--bg,#fff); }
table td { padding: 5px 10px; text-align:left; vertical-align:top; background:#ddd; }
table thead tr th > a,
table thead tr th > span { text-decoration:none; display:block;	white-space:nowrap;	overflow:hidden; text-overflow:ellipsis; }
table tr td > span { display:block; }
table tr td > span.maintext { }
table tr td > span.subtext { font-size:0.8rem; }
table tr:nth-child(2n-1) td { background:#eee;}
table tr:hover td { background:var(--bg,#fff); }
table .order { display:block; position:relative; padding-right:1em; }
table .order.asc:after,
table .order.desc:after { position:absolute; top:0; right:0; width:1em; content:'˄'; font-family:'icomoon'; }
table .order.desc:after { content:'˅'; font-family:'icomoon'; }
table .input { padding:0px 0px 0px 0px; }
table.auto { table-layout:auto; }

/* infoboxy */
.infoboxes { display:block; position: absolute; width: calc( 100% - 270px ); height:auto; top: 85px; right:30px; z-index: 1000; }
.infobox { display: block; position:relative; height:20px; margin:0px auto 10px auto; padding:15px 10px 15px 20px; color:var(--bg,#fff); background-color:var(--neutral,#39f); text-align:left;}
.infobox p { margin:0px; }
.infobox p:before { content:'ⓘ'; font-family:'icomoon';display:inline-block; vertical-align:top; font-size:20px; width:1em; height:1em; line-height:1em; text-align:center; margin:0 1.75em 0 0; }
.infobox:after { content:'✕'; font-family:'icomoon';position:absolute; top:15px; right:10px; font-size:20px; width:1em; height:1em; line-height:1em; color:var(--text,#000); }
.infobox[data-alert="error"] { background-color:var(--negative,#f66); }
.infobox[data-alert="error"] p:before {	content:'⚠'; font-family:'icomoon';}
.infobox[data-alert="done"] { background-color:var(--positive,#6c0); }
.infobox[data-alert="done"] p:before { content:'✓'; font-family:'icomoon';}


/* univerzalni tridy */
.hidden 			{ display:none !important; }
.mobile_only 		{ display:none !important; }
.relative 			{ position:relative; }
.radius 			{ border-radius: 3px; }
.shadow 			{ box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); }
.fadeout			{ opacity: 0; animation: fadeout .5s; -moz-animation: fadeout .5s;	-webkit-animation: fadeout .5s;	-o-animation: fadeout .5s; }
.ui-button,
*[data-href],
*[data-switch] 		{ cursor:pointer; }
.ba { border:		1px solid var(--text,#000); }
.bb { border-bottom:1px solid var(--text,#000); }
.bt { border-top:	1px solid var(--text,#000); }
.bl { border-left:	1px solid var(--text,#000); }
.br { border-right:	1px solid var(--text,#000); }
.fl { float:left  !important; }
.fr { float:right !important; }
.cb { clear:both  !important; }
.tal { text-align:left    !important; }
.tac { text-align:center  !important; }
.tar { text-align:right   !important; }
.taj { text-align:justify !important; }



/* sloupce a grid sloupce ? */
.cols { display:block; }							.grid { display:grid; width:100%; justify-items: stretch; justify-items: stretch; grid-auto-flow: row; }
.cols.cols_2 { column-count:2; }					.grid.grid_2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cols.cols_3 { column-count:3; }					.grid.grid_3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cols.cols_4 { column-count:4; }					.grid.grid_4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cols.cols_5 { column-count:5; }					.grid.grid_5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.cols.cols_6 { column-count:6; }					.grid.grid_6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.cols.cols_7 { column-count:7; }					.grid.grid_7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.cols.cols_8 { column-count:8; }					.grid.grid_8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.cols.cols_9 { column-count:9; }					.grid.grid_9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
.cols.gap	 { column-gap:30px; }					.grid.gap {	grid-column-gap: 30px; grid-row-gap: 30px; }
													.grid.gap_side { width:calc(100% - 60px); padding-left:30px; padding-right:30px; }
													.grid.gap_top { padding-top:30px; }
													.grid.gap_bottom { padding-bottom:30px; }
													.grid.dense { grid-auto-flow: row dense; }

.grid .colspan_2 { grid-column-end:span 2; }		.grid .rowspan_2 { grid-row-end:span 2; }
.grid .colspan_3 { grid-column-end:span 3; }		.grid .rowspan_3 { grid-row-end:span 3; }
.grid .colspan_4 { grid-column-end:span 4; }		.grid .rowspan_4 { grid-row-end:span 4; }
.grid .colspan_5 { grid-column-end:span 5; }		.grid .rowspan_5 { grid-row-end:span 5; }
.grid .colspan_6 { grid-column-end:span 6; }		.grid .rowspan_6 { grid-row-end:span 6; }
.grid .colspan_7 { grid-column-end:span 7; }		.grid .rowspan_7 { grid-row-end:span 7; }
.grid .colspan_8 { grid-column-end:span 8; }		.grid .rowspan_8 { grid-row-end:span 8; }
.grid .colspan_9 { grid-column-end:span 9; }		.grid .rowspan_9 { grid-row-end:span 9; }


/* CSC - tabs */
.tabs {	display:block; height:40px; padding:20px 20px 20px 20px; }
.tabs menu { display:block; height:40px; border-bottom:1px solid var(--text,#000); position:relative; white-space:nowrap; }
.tabs menu menuitem { display:inline-block; vertical-align:top; height:38px; line-height:38px; border-bottom:2px solid transparent; cursor:pointer;  text-decoration:none; font-weight:bold; text-align:center; color:var(--text,#000); }
.tabs menu menuitem a { display:block; padding:0px 20px; text-decoration:none; }
.tabs menu menuitem:hover { border-bottom:3px solid var(--text,#000); margin-bottom:-1px; }
.tabs menu menuitem.is-active { border-bottom:3px solid var(--text,#000); margin-bottom:-1px; }


/* preloader */
[data-view-target].preloader:before,
body > div.preloader {display:block; content:''; position:absolute; top:0; left:0; bottom:0; right:0; min-height:100%; height:auto; width:100%; background-color:rgba(255,255,255,0.5); z-index:1000; }
[data-view-target].preloader {position: relative;height: max-content;}
body > div.preloader { position: fixed; }
[data-view-target].preloader:after,
body > div.preloader:after { content:'⤾'; font-family:'icomoon';position: absolute; color:var(--neutral,#39f); top:50%; left:50%; font-size:50px; width:1em; height:1em; line-height:1em; margin:-0.5em; text-align: center; z-index:1001; }


/* csc dialog */
div[data-view-target="dialog"] { display:block; top:0; left:0; width:0; height:0; }
.dialog { position:absolute; top:0; left:0; width:100%; height:100vh; background: rgba(128, 128, 128, 0.5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index:1000; }
.dialog a.btn_close { display:block; position:absolute; top:0; right:0; height:3em; width:3em; line-height:1em; padding:1em 0; color:var(--bg,#fff); background-color:var(--text,#000); font-weight:normal; text-align:center; text-decoration:none; }
.dialog a.btn_close:before { content:'✕'; font-family:'icomoon'; }
.dialog > .content { display:block; width:calc(100% - 140px); height:calc(100vh - 140px); margin:70px auto 70px auto; padding:0px 70px 0px 70px; overflow-x:hidden; overflow-y:auto; }


/* csc attachments */
.attachments { display:block; position:relative; padding:180px 0px 0px 0px; max-width:770px; }
.attachments input[type="file"] { display:block; width:100%; height:160px; position: absolute; top:0; left:0; right:0; -webkit-appearance: none; z-index:3; }
.attachments .pseudo_upload { display:block; position: absolute; top:0; left:0; right:0; width:calc(100% - 2px); height:120px; padding:20px 0px 20px 0px; font-size:25px; line-height:40px; z-index:4; text-align:center; color:var(--text,#000); background-color:var(--border,#ccc); border:1px dashed var(--text,#000); pointer-events: none; }
.files { display:block; position:relative; }
.attachments ul { border-radius:3px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); }
.attachments .file.upload-uploading { opacity:0.2; }
.attachments .file { display:block; position:relative; border-bottom:1px solid var(--text,#000); background-color:var(--bg,#fff); height:40px; padding:20px 20px 20px 70px; }
.attachments .file:last-child { border-bottom:0px; }
.attachments .file:before { content:'❒'; font-family:'icomoon';display:block; position:absolute; top:32px; left:20px; font-size:27px; color:var(--text,#000); }
.attachments .file[data-mime="image/jpeg"]:before { color:#55f900; }
.attachments .file[data-mime="image/png"]:before { color:#55f900; }
.attachments .file[data-mime="application/x-zip-compressed"]:before { color:#f7df8f; }
.attachments .file[data-mime="application/pdf"]:before { color:#a90400; }
.attachments .file[data-mime="application/msword"]:before,
.attachments .file[data-mime="application/vnd.openxmlformats-officedocument.wordprocessingml.document"]:before { color:#01A6F0; }
.attachments .file[data-mime="application/vnd.ms-excel"]:before,
.attachments .file[data-mime="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"]:before { color:#7FBC00; }
.attachments .file .upload-name,
.attachments .file .upload-alt { display:block; position:absolute; left:70px; top:20px; width:calc(100% - 400px); height:20px; line-height:20px; font-size:13px; -webkit-appearance: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:000; font-weight:700; background-color:transparent; }
.attachments .file .upload-alt { top:40px; font-weight:400; }
.attachments .file label,
.attachments .file .upload-id { display:none; }
.attachments .file .upload-size { position:absolute; right:260px; width:70px; height:40px; line-height:40px; font-size:11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:var(--text,#000); text-align:right; }
.attachments .file .upload-download,
.attachments .file .upload-delete { position:absolute; top:20px; right:20px; width:100px; height:38px; line-height:38px; font-size:11px; font-weight:700; color:var(--negative,#f66); background-color:var(--bg,#fff); border:1px solid var(--negative,#f66); overflow: hidden; cursor:pointer; text-align:center; text-decoration:none; text-transform:uppercase; }
.attachments .file .upload-delete:hover { background-color:var(--negative,#f66); color:var(--bg,#fff); }
.attachments .file .upload-download { right:130px; color:var(--bg,#fff); border:1px solid var(--text,#000); background-color:var(--text,#000); }
.attachments .file .upload-download:hover { background-color:var(--bg,#fff); color:var(--text,#000); }
.attachments.editable .file { height:100px; }
.attachments.editable .file .upload-name,
.attachments.editable .file .upload-alt { top:20px; width:calc( (100% - 184px) / 2); height:18px; line-height:18px; padding:10px 15px 10px 15px; color:var(--text,#000); border:1px solid var(--text,#000); border-radius:2px; font-weight:400; }
.attachments.editable .file .upload-name { left:70px; }
.attachments.editable .file .upload-alt { left:auto; right:20px; }
.attachments .file .upload-delete,
.attachments .file .upload-download { top:auto; bottom:20px; }
.attachments .file .upload-size { top:auto; right:auto; bottom:20px; left:70px; text-align:left; }


/* downloads */
.downloads { display:block; }
.downloads .download { display:inline-block; line-height:22px; font-size:13px; color:var(--text,#000);  padding:0px 20px 10px 0px; text-decoration:none; }
.downloads .download:before { content:'⬇'; font-family:'icomoon'; padding:0px 10px 0px 0px; }

.dialog-content { display:block; width:500px; margin:20px auto; background-color:white; padding:20px; }

/* hack na zobrazeni :before a :after u neparovych tagu input */
input {
	-moz-appearance:initial
}

/* vyrazeni scrollbaru */
/* ::-webkit-scrollbar { display: none; }
* { -ms-overflow-style: none; scrollbar-width: none; } */


/* animace - rotace (loading) */
@-moz-keyframes spin	{ 100% {    -moz-transform: rotate(360deg); }}
@-webkit-keyframes spin	{ 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin			{ 100% {         transform: rotate(360deg); }}

@-moz-keyframes counter_spin	{ 100% {    -moz-transform: rotate(-360deg); }}
@-webkit-keyframes counter_spin	{ 100% { -webkit-transform: rotate(-360deg); }}
@keyframes counter_spin			{ 100% {         transform: rotate(-360deg); }}

@-moz-keyframes fadeout		{ 0% {opacity: 1;} 100% {opacity: 0;}}
@-webkit-keyframes fadeout	{ 0% {opacity: 1;} 100% {opacity: 0;}}
@keyframes fadeout			{ 0% {opacity: 1;} 100% {opacity: 0;}}