.ramka input[type=text] {width:44px}
.ramka input.silver, .ramka input.przyc {width:auto; padding: 3px 12px}
#licz {width:auto; padding: 5px 20px}
.ramka {border-style:solid; border-width:1px; padding:10px; border-color:#999; page-break-inside:avoid;}
.ramka2 {border-style:solid; border-width:1px; padding:0px; border-color:#999; page-break-inside:avoid;}
.nobreak {page-break-inside:avoid;}
table {text-align:center}
.p1, .p2, .k3, .k4, .d {background-color:#7FC96A; /*659157*/}
.p3, .p4, .k6, .k7, .o {background-color:#FF6D70; /*#FF5F54*/}
.p5, .p6, .k2, .k5, .k8, .k11, .z {background-color:#FFD187; /*#FFC44F*/}
.p7, .p8, .k9, .k10, .m {background-color:#C9C3CC; /*#ADA8AF*/}
.p9, .p10, .k1, .k12, .w {background-color:#9BA2FF; /*#7C7EFF*/}
.p-1, .k-1 {border-color: #DDD; border-style:solid; border-width:1px; color:#888}
.p1, .p2, .k3, .k4, .p3, .p4, .k6, .k7, .p5, .p6, .k2, .k5, .k8, .k11, .p7, .p8, .k9, .k10, .p9, .p10, .k1, .k12 {transition:all 0.6s}
/* gradient - wyłączam z powodu migotania, jest tylko na DM i sezonie; migotanie wyeliminowałem niżej
.p1, .p2, .k3, .k4, .d {background: linear-gradient(90deg, rgba(75,171,47,1) 0%, rgba(127,201,106,1) 8%, rgba(127,201,106,1) 92%, rgba(75,171,47,1) 100%);}
.p3, .p4, .k6, .k7, .o {background: linear-gradient(90deg, rgba(255,52,56,1) 0%, rgba(255,109,112,1) 8%, rgba(255,109,112,1) 92%, rgba(255,52,56,1) 100%);}
.p5, .p6, .k2, .k5, .k8, .k11, .z {background: linear-gradient(90deg, rgba(255,176,50,1) 0%, rgba(255,209,135,1) 8%, rgba(255,209,135,1) 92%, rgba(255,176,50,1) 100%);}
.p7, .p8, .k9, .k10, .m {background: linear-gradient(90deg, rgba(154,153,154,1) 0%, rgba(201,195,204,1) 8%, rgba(201,195,204,1) 92%, rgba(154,153,154,1) 100%);}*/
.p1g, .p2g {background:#7FC96A; background: #7FC96A linear-gradient(90deg, rgba(75,171,47,1) 0%, rgba(127,201,106,1) 18%, rgba(127,201,106,1) 82%, rgba(75,171,47,1) 100%);}
.p3g, .p4g {background:#FF6D70; background: #FF6D70 linear-gradient(90deg, rgba(255,52,56,1) 0%, rgba(255,109,112,1) 18%, rgba(255,109,112,1) 82%, rgba(255,52,56,1) 100%);}
.p5g, .p6g {background:#FFD187; background: #FFD187 linear-gradient(90deg, rgba(255,176,50,1) 0%, rgba(255,209,135,1) 18%, rgba(255,209,135,1) 82%, rgba(255,176,50,1) 100%);}
.p7g, .p8g {background:#C9C3CC; background: #C9C3CC linear-gradient(90deg, rgba(154,153,154,1) 0%, rgba(201,195,204,1) 18%, rgba(201,195,204,1) 82%, rgba(154,153,154,1) 100%);}
.p9g, .p10g {background:#9BA2FF; background: #9BA2FF linear-gradient(90deg, rgba(102,112,250,1) 0%, rgba(155,162,255,1) 18%, rgba(155,162,255,1) 82%, rgba(102,112,250,1) 100%);}
/* sezon */
.k3g, .k4g {background:#7FC96A; background: #7FC96A linear-gradient(180deg, rgba(127,201,106,1) 0%, rgba(127,201,106,1) 82%, rgba(75,171,47,1) 98%);}
.k6g, .k7g {background:#FF6D70; background: #FF6D70 linear-gradient(180deg, rgba(255,109,112,1) 0%, rgba(255,109,112,1) 82%, rgba(255,52,56,1) 98%);}
.k9g, .k10g {background:#C9C3CC; background: #C9C3CC linear-gradient(180deg, rgba(201,195,204,1) 0%, rgba(201,195,204,1) 82%, rgba(154,153,154,1) 98%);}
.k1g, .k12g {background:#9BA2FF; background: #9BA2FF linear-gradient(180deg, rgba(155,162,255,1) 0%, rgba(155,162,255,1) 82%, rgba(102,112,250,1) 98%);}
.k2g  {background:#FFD187; background: #FFD187 linear-gradient(180deg, rgba(255,209,135,1) 0%, rgba(255,209,135,1) 86%, rgba(102,112,250,0.8) 98%)}
.k5g  {background:#FFD187; background: #FFD187 linear-gradient(180deg, rgba(255,209,135,1) 0%, rgba(255,209,135,1) 86%, rgba(75,156,47,0.8) 98%)}
.k8g  {background:#FFD187; background: #FFD187 linear-gradient(180deg, rgba(255,209,135,1) 0%, rgba(255,209,135,1) 86%, rgba(245,32,56,0.8) 98%)}
.k11g {background:#FFD187; background: #FFD187 linear-gradient(180deg, rgba(255,209,135,1) 0%, rgba(255,209,135,1) 86%, rgba(154,153,154,0.9) 98%)}
.p1g, .p2g, .k3g, .k4g, .p3g, .p4g, .k6g, .k7g, .p5g, .p6g, .k2g, .k5g, .k8g, .k11g, .p7g, .p8g, .k9g, .k10g, .p9g, .p10g, .k1g, .k12g {transition:all 0.6s; }
/* ciemniejsze tło onmouseover */
.p1b, .p2b, .k3b, .k4b {background:#4C773F}
.p3b, .p4b, .k6b, .k7b {background:#DF1F14}
.p5b, .p6b, .k2b, .k5b, .k8b, .k11b {background:#DFA42F}
.p7b, .p8b, .k9b, .k10b {background:#8D888F}
.p9b, .p10b, .k1b, .k12b {background:#5C5EFF}
.p1b, .p2b, .k3b, .k4b, .p3b, .p4b, .k6b, .k7b, .p5b, .p6b, .k2b, .k5b, .k8b, .k11b, .p7b, .p8b, .k9b, .k10b, .p9b, .p10b, .k1b, .k12b {transition:all 0.6s; }
.sp1:hover, .sp2:hover, .sk3:hover, .sk4:hover {background-color:#4C773F }
.sp3:hover, .sp4:hover, .sk6:hover, .sk7:hover {background-color:#DF1F14 }
.sp5:hover, .sp6:hover, .sk2:hover, .sk5:hover, .sk8:hover, .sk11:hover {background-color:#DFA42F }
.sp7:hover, .sp8:hover, .sk9:hover, .sk10:hover {background-color:#8D888F }
.sp9:hover, .sp10:hover, .sk1:hover, .sk12:hover {background-color:#5C5EFF}
.s:hover {background-color:orange}
.sp1, .sp2, .sk3, .sk4, .sp3, .sp4, .sk6, .sk7, .sp5, .sp6, .sk2, .sk5, .sk8, .sk11, .sp7, .sp8, .sk9, .sk10, .sp9, .sp10, .sk1, .k12, s 
{transition:all 0.6s; }
.sila {background-color:#bec}
.slab {background-color:#dbb}
.inline div {display:inline}
/* przyciski plus minus - jako txt */ 
.plus, .minus {width:16px; height:16px; cursor: pointer; cursor: hand; border-width:1px; border-style:solid; border-color:#bbb; border-radius:4px; background-color:#bbb; color:#888; text-decoration:none; font-size:18px; display:inline-block}
.plus span, .minus span {position: relative; top:-5px}
.plus:hover, .minus:hover {border-color:#666; background-color: #999}
.prev_next {width:100%; padding:0px 3px}
.prev_next td.main {max-width:100px; width:100%; }
/* przyciski more less (ikonki - ale też mogę przerobić na txt) */
.plusB, .minusB, .plusImg, .minusImg, .btnClose, .refreshImg {width:18px; height:18px; cursor: pointer; cursor: hand; border-width:1px; border-style:solid; border-color:#999; border-radius:4px; background-color:#999; background-repeat:no-repeat; opacity:0.6}
.plusB {background-image:url('img/more.png'); opacity:1; border-color:#0166FF; background-color:#0166FF;}
.minusB {background-image:url('img/less.png'); opacity:1; border-color:#0166FF; background-color:#0166FF;}
.plusB:hover {opacity:0.8}
.minusB:hover {opacity:0.8}
/* przycisk refresh - txt zamiast ikonki, ważne display, border określone w silver */
.refresh {font-size:16px; font-weight:bold; display:inline-block; text-align:center; height:20px; width:22px; position:absolute}
.refreshBtn {margin:0px 10px}
.reset   {font-size:16px; font-weight:bold; text-align:center; height:19px; width:22px; float:right}
/* jako img - nieużywane bo za białe */
.refreshImg {background-image:url('img/refresh.png'); width:21px; height:21px; border-radius:5px}
.refreshImg:hover {border-color:#444; background-image:url('img/refreshHov.png')}
/* przycisk x */
.btnClose {float:right; background-image:url('img/close.jpg'); opacity:1; margin-left:10px; background-color:#555; }
/* przyciski plus minus - kontrolki dat jako img */
.plusImg {background-image:url('img/plus.png'); margin-left: 12px } 
.minusImg {background-image:url('img/minus.png') }
.plusImg:hover {border-color:#444; background-image:url('img/plusHov.png')}
.minusImg:hover {border-color:#444; background-image:url('img/minusHov.png')}
/*@media (max-width: 999px) {  mniejszy margin-left dla iPhone - już ten sam 
	.plusImg {margin-left: 12px} } */
#fixedBaziDiv .minusB {margin-left:10px}

#shI {margin-top:3px}
.f9, .f10, .f11 {font-size:11px}
.f12 {font-size:12px} /* i takie rozróżnienie zostawic, ew wszystko proporcjonalnie zwiększyć */
.f14 {font-size:14px}
.Nar {font-size:14px; color:#333; padding-bottom:8px}
.f16 {font-size:16px} /* czyli ta domyślna, ale trzeba ustawić na sztywno miejscami, ze względu na komórki - a może dać do body? body {font-size: 16px} */
.szary {background-color:#eee}
.szaryB {background-color:#bbb}
.bialy {background-color:white}
#data2 {width:15px}
.fazyQi {min-height:26px; overflow:hidden}
.fazyQiLg {min-height:30px; overflow:hidden}
.fazyQiLg2 {min-height:40px; overflow:hidden}
.fazyQiLg3 {min-height:50px; overflow:hidden}
.TG {font-size:11px; color:#333; height:27px;}
.TGPY {font-size:11px; color:#333; height:40px;}
.gwiazdy {font-size:11px; text-align:left;}
.left11 {text-align:left; font-size:11px}
td.gwiazdy {max-width:20px}
.gwiazdy a {color:navy; text-decoration:none}
.gwiazdy a:hover {color:blue; text-decoration:underline}
.dhhs {text-align:center; font-size:11px; border-width:0px; border-color:white; border-style:solid; border-top-width:2px;}
select option {background-color:white}
label {font-size:11px}
#miasto1, #miasto2, #miasto4 { width:205px }
.mapa { height:190px; width:300px; margin-bottom:15px; display:none }
.kontrolkiLon {
	padding:5px 0px 5px 0px; 
	border-width:1px 0px 0px 0px; border-style:solid; border-color:#bbb; 
	font-size:11px;
	overflow:visible;
}
.kontrolkiLon input, .kontrolkiLon select { font-size:11px; padding:2px}
.w20p {width:20%}
.w50p {width:50%}
.w80p {width:80%}
.sz {color:grey}
.opcje {text-align:left;}
.opcjeSlv {background-color:#ddd; padding:1px}
.up {font-size:11px; width:100%}
.center {text-align:center}
.margin30 {margin:30px}
.marginTop20 {margin-top:20px}
.marginRight15 {margin-right:15px}
.left {text-align:left}
.right {text-align:right}
.cn {font-size:21pt}
.to3 {width:150px; text-align:left}
#licz {border-width:2px; transition:all 0.6s}
#licz2 {width:200px; margin-left:380px}
.gwiazdySymb {color:#557;}
.gwiazdyIkonki {font-size:20px; line-height: 1em; width:28px; border-radius:15px; padding:0px 3px; cursor: help}
.gwiazdyIkMale {font-size:16px; line-height: 1em; width:26px; border-radius:15px; padding:0px 2px; cursor: help}
.pad5 {padding:0px 5px}
.FZ {color:#444}
.HHS td {padding:0px}
img {border-width:0px; padding:5px;} /* padding do chińskich nazw filarów, chyba już zbędne */
.kropki1 {border-width:0px; border-bottom-width:1px; border-style:dotted; border-color:#444; padding-bottom:5px}
.kropki2 {border-width:0px; border-bottom-width:1px; border-style:dotted; border-color:#bbb; padding-bottom:5px}
.ramkaDotted {border-style:dotted; border-width:1px; padding:10px; border-color:#999; page-break-inside:avoid;}
table.sto {max-width:1230px; width:100%}
table.sto td {max-width:20px}
table.max {width:100%}
#fart td, #fart2 td {max-width:20px; overflow:hidden}
#fart {margin-left:-2px}
#fart2 {margin-right:-2px}
.trans {background-color:transparent; border-color:transparent}
.legenda {display:inline-block; height:15px; width:15px; margin:6px}
.next {text-decoration:none; color:orange}
.next:hover {background-color:grey}
.h15 {height:15px; overflow:hidden}
.h20 {height:20px; overflow:hidden}
.h25 {height:25px; overflow:hidden}
.h35 {height:35px; overflow:hidden}
.mid {vertical-align:middle}
hr {font-size:0px;}
.orange {color:orange}
.orangeBold  {color:orange; font-weight:bold}
.padRight {padding-right:18px}
.blokadaInfo {color:green; font-size:16px; font-weight:bold; text-align:center; padding:100px; width:380px; background-color:white; border-style:solid; border-width:1px; border-color:green}
.blokadaInfo a {text-decoration:none; color:navy; padding:3px}
.blokadaInfo a:hover {background-color:navy; color:white; text-decoration:underline}
.abs {position:absolute; z-index:1}
#msg {color:navy; text-align:right}
#msg span.dymek {display:inline-block; background-color:#fcf4e0; border-style:solid; border-width:1px; padding:10px; border-color:#999}

.przyciskiSilver {
	text-decoration:none;
	font-size:14px;
	margin:15px;
	width:200px;
	padding:15px;
	display:inline-block;
	border-style:solid; border-width:1px; border-color:#cccccc; border-radius:9px;
	color:navy;
	cursor: pointer; cursor: hand;
}
.nieSilver {
	background: rgb(245,245,245);
	text-decoration:none;
	font-size:14px;
	margin:0px 0px 15px 70px;
	width:220px;
	padding:15px;
	display:inline-block;
	border-style:solid; border-width:1px; border-color:#cccccc; border-radius:9px;
	color:navy;
	cursor: pointer; cursor: hand;
	/*transition: all 1s ease-out 0.2s;*/
}
.nieSilver:hover {
	background: rgb(206,220,231);
}

a.navyLink {text-decoration:none; color:navy; padding:3px 0px}
a.navyLink:hover {background-color:navy;color:white;text-decoration:underline}

/* zakładki */
.menuN {margin:30px 95px;}
.menuN a {float:left; border-color:#ccc; border-style:solid; border-width:1px; border-radius:15px 3px 0px 0px; margin:0px 8px 0px 0px; background-color:#eee; color:#333; padding:10px; text-decoration:none;}
.menuN a:hover, .menuN a.selected {background-color:#ccc}
.linia {border-color:#ccc; border-width:0px; border-top-width:1px; border-style:solid; border-radius:15px 0px 0px 0px; clear:both;}

/* most popular famous charts */
.listResults ul {padding:0px; margin:0px}
.listResults li {list-style-type:none; padding:5px 0px; }
.listResults a {color:#333; text-decoration:none; display:block; padding:3px 0px}
.listResults span {color:#888; font-size:11px}
img.popular {float:right; height:16px; width:16px; margin:2px 5px}
img.star {height:16px; width:16px; margin:0px 10px; padding-top:5px}

/* hinty */
.hint {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.hint .hintIn {
    visibility: hidden;
    width: 260px;
    background-color: #eee;
    color: #555;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #999;
    padding: 7px;
    position: absolute;
    z-index: 1;
    bottom: 65%;
    left: 50%;
    margin-left: -130px;
    opacity: 0;
    transition: opacity 0.3s;
}
.hint .hintIn::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.hint:hover .hintIn {
    visibility: visible;
    opacity: 1;
}
.help {
	border-radius: 9px; 
	background-color:#999;
	color:white;
	cursor:pointer;
}
.close { /* RSTonChart*/
	background-color:#999; color:white;	border-width:0px; border-radius:2px; cursor:pointer; float:right; padding:0px 4px; margin-left: 15px;
}
.RSTonChart {
	height:35px; overflow:hidden; color:grey;
}
.showOverflow {overflow:visible}
.hideOverflow {overflow:hidden}
/* hinty - koniec */

.hand {cursor: pointer; cursor: hand;}
.inline {display:inline-block}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}

#fixedBaziDiv {transition: all 0.25s ease-out; position:fixed; bottom:2px; right:18px; background-color:white; z-index:1; display:none; opacity:0} 
#fixedBazi {max-width:500px; width:100%}

/* mobile Friendly */

.kontrolki {transition: all 0.3s ease-out; background-color:#f5f5f5; margin-bottom:20px; padding:20px}
.opcje {transition: all 0.3s ease-out; overflow: hidden}
#tabKontrolki {max-width:930px; width:100%; float:left}
#tabOpcje {max-width:338px; width:100%; float:left}
#tabOpcje .kontrolki {padding:20px 10px; max-width:50px}
.kontrOpcje {float:left; margin-right:2px; width:48%; padding:10px 0px 0px 0px; display:inline-block}
.tabFilary {transition: all 0.3s ease-out; margin-bottom:20px}
.moreOld {cursor: pointer; cursor: hand; width:16px; height:16px} 
.more {width:18px; height:18px; cursor: pointer; cursor: hand}
.more:hover {opacity:0.8} 
.morekontrolki1, .morekontrolki2, .moretabdata2, .moretransf {display:none; float:right}
.lesskontrolki1, .lesskontrolki2, .lesstabdata2, .lesstransf {float:right}
.moreopcje, .lessopcje {float:left}
#tabdata2, #tabFF, #transf {transition: all 0.3s ease-out; max-height:2000px}
#liczMobile {display:none}
.trans {transition: all 0.3s ease-out;} 

@media (min-width: 1000px) {
	.mobDuzy {display: inline-block; float:left; margin:1px; width:35%; }
	.mobMaly {display: inline-block; float:left; margin:1px; width:25%; }
	.mobFilar {display: inline-block; float:left; margin:1px; width:10%; }
	.mobFart {float:right; margin:0px; width:50%; }
	.mobFartReverse {float:left; margin:0px; width:50%; }
	.kontrolki {min-height:300px; max-height:1000px}
	.opcje {max-height:312px}
	.opcjeRozwiniete {max-height:1000px}
	.lesskontrolki1, .lesskontrolki2, .lesstabdata2, .lesstabFF, .lesstransf {display:none}
	.hideComp {display:none}
	.showComp {display:inline}
}

@media (max-width: 999px) {
	input {margin:10px 5px 0px 0px; padding:5px}
	.opcje input {margin:15px}
	.opcje {max-height:30px}
	.mobDuzy, .mobMaly, .mobFilar {min-height: 20px; max-height: 2000px}
	.mobFilar {display: inline-block; float:left; margin:1px; min-width:150px}
	.h35mob {min-height: 42px}
	.lesstabFF {float:left; margin:0px 35px;}
	#kontrolki2 {max-height:40px; overflow:hidden}
	#tabdata2, #tabFF, #transf {max-height:20px; overflow:hidden; opacity:0}
	.morekontrolki2, .moretabdata2, .moretransf {display:inline}
	.lesskontrolki2, .lesstabdata2, .lesstabFF, .lesstransf {display:none}
	.ramkaMob {border-style:solid; border-width:1px; padding:10px; border-color:#999; page-break-inside:avoid;}
	.hideMob {display:none}
	.showMob {display:inline}
	#liczMobile {display:block; text-align:center; margin-bottom:30px; clear:both}
	#liczMobile input {width:200px; padding:10px}
	.reverseClear {clear:both; margin-bottom:20px}
	.RSTonChartMob {height:auto}
	.refresh {font-size:22px; width:26px; height:30px; margin:8px 0px 0px 8px}
	.reset   {font-size:22px; width:26px; height:30px; position:absolute; margin:10px 0px 0px 15px}
	.refreshBtn {position: relative; top:10px}
}

@media (max-width: 1300px) {
	#tabKontrolki, #tabOpcje {max-width:1300px; width:100%; float:none}
	.opcje {max-height:20px}
	#tabOpcje .kontrolki {padding:5px 10px}
	
}
@media (max-width: 1300px) and (min-width:1000px) {	/* tryb mob, nieużywane */
	.kontrOpcje {min-height:30px}
	.mobMaly {max-width:900px; width:100%}
}

.opisFilMob {font-size:11px; text-align:left; display:none}
.opisFil {font-size:11px; text-align:left; overflow:hidden}

@media print {
	.opisFil, .opisFilMob {display:table-cell;}
}
/* mobile Friendly - koniec */


/* drukarki */
@media print { /* to nie działa na phptopdf, tylko na drukarki - dodawać też do h2kalk.php */
.noprint, .next, .more, .plus, .minus, .plusB, .minusB, .btnClose, .kontrolki { display:none }
#zapisCookie, #drukuj, #licz2, #liczMobile, #fixedBaziDiv, #fixedBazi {display:none}
#fixedBaziDiv {visibility:hidden}
/*.pageBreak {page-break-after:always} nic nie da; lub:auto */
a {color:black; text-decoration:none}
.gwiazdy a {color:black}
body {zoom:80%}
}


/* większa czcionka - tylko na telefonach, także poza trybem mobilnym, uwaga część we wspolne.css */
@media screen and (max-device-width: 1000px) { 
    .gwiazdy, .fontMob {
        font-size:14px; max-height:100%; /* font adjusting workaround */
    }
	.f9, .f10, .f11, .dhhs, .left11, .up, .TG, .TGPY, .kontrolkiLon {font-size: 14px} /* było 13*/
	.up {font-size: 13px} /* duży wpływ na szerokość tab z wykresem */
	.kontrolkiLon input, .kontrolkiLon select { font-size:14px; padding: 3px}
	/*.opisFil musi być b.małe (11) */
	.f12 {font-size: 16px} /* było 14 */
	input, .opcje label {font-size: 16px} /* było 14 */
	label {font-size:14px}
	#licz {font-size: 18px}
	body {font-size:18px} /* było 16, wspolne jest 20 */
	.labFF {font-size:16px} /* napis Filar Fartu 16, obok Wykres urodz ma 18 wg body */
	.cn {font-size:24pt} /* chińska nazwa filaru, komp 21pt */
	.f14, .Nar {font-size: 18px; max-height:100%;} /* nazwa filaru polska, komp 14px */
	.f16 {font-size: 20px; max-height:100%;} /* nazwa filaru pinyin, komp 16px */
	.fazyQi {min-height:30px}
	.fazyQiLg {min-height:48px}
	.fazyQiLg2 {min-height:62px}
	.fazyQiLg3 {min-height:75px}
	.TG {height:34px}
	.TGPY {height:52px}
	.h15 {height:20px}
	.h20 {height:25px}
	.h25 {height:30px}
	.h35 {height:40px}
	.ramka input[type=text] {width:64px}
		
	/* przyciski */
	.more {float:right; width:32px; height:32px; margin-left:15px}
	.plusB, .minusB, .btnClose {width:32px; height:32px; background-size:cover}
	.plusImg, .minusImg {width:28px; height:28px; background-size:cover} /* kontroli dat +- */
	.btnClose {margin-left:20px}
	#fixedBaziDiv .minusB {margin-left:20px}
	.zoomPhone {zoom:130%}
}

@media (max-width: 1300px) and (min-width: 1000px) {
	.hideMobRST {display:none}
}
@media (max-width: 1200px) {
	.hideRST {display:none}
}