:root {
  --mainColor: #173271;  /* hlavni modra barva */
  --mainColorOver: #062160;  /* hlavni modra barva */ 
  --mainContrast: #FFCC00;   
  --mainBlack: #000;  /* hlavni cerna barva */
  --mainBlackOver: #191919;  /* hlavni cerna barva */
  --mainWhite: #fff;  /* hlavni bila barva */
} 

html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*,*:before,*:after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; }

body{font-family:'Bai Jamjuree',Arial,Tahoma,Helvetica,Verdana;font-size:14px; font-style:normal; color:#000;margin:0; padding:0; background:#FFF; }
textarea{width:98%;font-family:Arial,Tahoma,Helvetica,Verdana;font-size:14px; font-style:normal; color:#000; }

body.loginpage { background: #F0F0F1; text-align: center; }
#loginpagelayout { }
#loginpagelayout .b-box {  }
#login{ background: #F0F0F1; padding: 2em; }
#login h1{ margin:50px; color: #333F4D; }
#login .input{width:160px; }
#login form { background: #fff; border: 1px solid #C4D0DE; padding: 1.5em; margin: 1.5em auto; }
#login table { margin: 15px auto; text-align: left; }
#login table, #login td{border:none; }
#login .imgspan { width:38px; height: 38px; background: var(--mainColor); border-radius: 50%; display: block; padding: 8px 0 0 0; text-align: center; }
#login .imgspan img { width:20px; height:20px; padding:0; }

@media screen and (min-width:60em){ 
 #loginbg { background: var(--mainColor) url('../_images/login.jpg') no-repeat; background-size: cover; }
 #loginpagelayout { min-height: 100vh; display: flex; height: 100%; min-width: 100%; } 
 #loginpagelayout .b-box { display: flex; align-items: center; justify-content: center; flex-flow: column; width: 50%; }
}

#header{background: #304B8A; color:#fff; padding:5px 10px; position:fixed; top:0; left:0; width:100%; z-index:8000; }
#header a{color:#e6e8eb; margin:0 10px 0 5px; display:inline-block; }
#header a:hover{color:red; }
#header img{max-width:15px; max-height:18px; margin:0 10px 0 0; display:inline-block; float:left; }
#header .admtitle{color:#fff; font-weight:bold; padding:0 15px 0 0; margin:0 10px 0 0; display:inline-block; border-right:1px dotted #ccc; }
#layout{ display: flex; min-height: 100vh; }
body.compact{background:white; }
body.compact #layout{width:100%; padding:20px; }
body.compact #menu{display:none; }
body.compact.full #header{display:none; }
body.compact.full #layout{width:auto;}
body.compact.full #content{width:auto; padding:10px; float:none;}
p.team{padding:0 0 5px 15px; }
#menu{ background: #173271; padding:55px 0 0 0; color:#5D6E7E; min-width: 250px; }
#menu ul{margin:0; padding:0; border-bottom:1px solid rgba(255,255,255,0.35); }
#menu li{list-style-image:none; }
#menu li a{color:#fff; border-top:1px solid rgba(255,255,255,0.35); font-weight:normal; display:block; padding:15px 20px; text-decoration:none; font-size: 105%; font-weight: 700; }
#menu li a:hover{color:#fff; background:rgba(255,255,255,0.3); }
#menu li a.over{color:#000; background:#fff; }
#menu li a span{width:15px; height:20px; float:left; margin:0 15px 0 0; display:block; }
#menu li a img{max-width:15px; max-height:18px; }
#content{ padding:75px 30px 30px 30px; width: 100%; }
hr{color:#CCC;height:1px; clear:both;}
ul{margin:5px 0 5px 20px; padding:0; }
ul li{list-style-image:url('../_images/oddlist.gif'); list-style-type:none;  padding:0; line-height:17px; }
ul li ul li a{color:#000; font-size:11px; }
#footer{width:910px; padding:20px 0 10px 0; background:url('../_images/bgfooter.gif') no-repeat #FFF;  clear:both; text-align:center; }
h1{font-size:26px; color:#303942; text-transform:none; margin:0 0 20px 0; padding-left:35px; line-height:normal; font-weight: 600; position:relative; }
h1.over{font-size:22px; color:#fff; background:#333f4d; text-align:center; padding:5px 10px; text-transform:none; margin:0 0 15px 0; line-height:normal; font-weight:normal;  }
h1 span{position:absolute; top:0; left:0; display:block; width:25px; height:25px; text-align:center; }
h1 span img{max-width:100%; max-height:100%; }
h2{font-size:16px; color:#000; margin:10px 0; line-height:normal; }
h2 span{font-weight:normal; }
h3{font-size:14px; color:#333; margin:10px 0; line-height:normal; }
h3.over{font-size:14px; color:#333; margin:10px 0; line-height:normal; color:#fff; background:#333; padding:5px 10px;  }
h4{font-size:13px; margin:10px 0; line-height:normal; }
h5{font-size:12px; color:#333; text-transform:uppercase; margin:10px 0; line-height:normal; }
h6{font-size:11px; color:#333; text-transform:none; margin:10px 0; line-height:normal; }
img{border:none; }
.block{display:block; }
.inlineblock{display:inline-block; }
.link{padding:5px 0 5px 20px; }
.linkpill{padding-left:25px; background:url('../_images/icons/pill_add.png') left no-repeat; }
.linklock{padding-left:25px; background:url('../_images/icons/lock.png') left no-repeat; }
.linklist{padding-left:25px; background:url('../_images/icons/page.png') left no-repeat; }
.linkclose{background:url(../_images/icons/cross.png) left no-repeat; }
#smallheader{background:#1d242c; padding:8px 15px 15px 15px; margin:0 0 0 0; color:#fff; }
#smallheader p{margin:0; padding:0; }
#smallheader a{color:#fff; }
#timer{}
#timer span{color:red; font-weight:bold; font-size:150%; }

.masterdiv { display: flex; gap: 30px; align-items: flex-start; }
.divhalf { flex-basis: 50%; }

.inlineform { display: inline-block; margin-bottom: 1rem; }
/*.inlineform input[type="submit"] { float: left; }*/

.todayscreen { padding: 25px; border: 1px solid #ccc; background: #f7f7f7; }

.mainguide ul { display: flex; flex-direction: column; gap: 20px; font-size: 14px; }
.mainguide li { }
.mainguide li a { display: inline-flex; align-items: center; gap: 10px; color: #fff; background: #173271; padding: 12px 25px; text-decoration: none; transition: 350ms all ease; }
.mainguide li a img{ max-width: 25px; max-height:20px; }
.mainguide li a:hover { background: #304B8A; }

table.list{width:100%; margin:0; padding:0; border:none; }
table.list th{background:#778899; color:#fff; text-align:left; padding:12px 15px; font-size:110%; }
table.list td{background:#eeeeee; padding:10px 15px; font-size:110%; }
table.list tr:hover td {background: #ccc; }
table.list td.thin{width:5px; padding:10px 0; }
table.list td.icons{text-align:left; white-space:nowrap; }
table.list td.iconsx{white-space:nowrap; }
table.list td.iconsx a{color:#000; text-decoration:none; font-weight:bold; }
table.list td.iconsx a:hover{color:#ff0000; }
table.list td.iconsx a img{vertical-align:bottom; margin-right:4px; }
table.list table.infoto,table.list table.infoto td{border:none; }
table.list .row1 td{background:#F5F5F5; }
table.list .row2 td{background:#fff; }
table.list .rowred td{background:red; color:#FFF; }
table.list .rowred:hover td{background:rgb(207, 67, 67); color:#FFF; }
table.list .rowred td a{color:#FFF; }
table.list .rowblue td{background:#1c51a1; color:#FFF; }
table.list .rowblue:hover td{background:#2361be; color:#FFF; }
table.list .rowblue td a{color:#FFF; }
table.list .rowgreen td{background:#68B930; color:#FFF; }
table.list .rowgreen:hover td{background:#7bd43a; color:#FFF; }
table.list .rowgreen td a{color:#FFF; }
table.list .rowblack td{background:#000; color:#FFF; }
table.list .rowblack:hover td{background:#222; color:#FFF; }
table.list .rowblack td a{color:#FFF; }
table.list .rowgray td{background:#888; color:#000; }
table.list .rowgray:hover td{background:#999; color:#000; }
table.list .rowgray td a{color:#000; }

table.list td.tdprepared{border-left:3px solid #000; }
table.list td.tdaktual{border-left:3px solid #00b916; }
table.list td.tdexpired{border-left:3px solid #ff0000; }
table.list tr td.status1new,table.list tr.row1 td.status1new,table.list tr.row2 td.status1new{background:#ff0000; color:#fff; }
table.list tr td.status2fin,table.list tr.row1 td.status2fin,table.list tr.row2 td.status2fin{background:#00b916; color:#fff; }
table.list tr td.status3sto,table.list tr.row1 td.status3sto,table.list tr.row2 td.status3sto{background:#000000; color:#fff; }

table.list td.status0{border-left: 5px solid #B92D2D; }
table.list td.status1{border-left: 5px solid #DABF0F; }
table.list td.status2{border-left: 5px solid #68B930; }
table.list td.status3{border-left: 1px solid #B92D2D; }
table.list td.status9{border-left: 5px solid #262626; }
table.list td.status4{border-left: 5px solid #4A98FD; }

table.list td.source1 { border-left: 5px solid #ccc; }
table.list td.source2 { border-left: 5px solid darkgreen; }

/* no je trosku neucasen, ale vnikalo to postupne a uz se mi to nechtelo predelavat, tak priste */
table.list td.clock .clockset{background:#333; color:#fff; font-weight:bold; padding:5px;}
table.list td.clock .clocksetextra{background:#333 url(../_images/extcorn.gif) top right no-repeat; color:#fff; font-weight:bold; padding:5px;}
table.list td.clock .clocksetextra2{background:#333 url(../_images/extcorn2.gif) top right no-repeat; color:#fff; font-weight:bold; padding:5px;}
table.list td.clock .clocksetextra3{background:#333 url(../_images/extcorn3.gif) top right no-repeat; color:#fff; font-weight:bold; padding:5px;}

table.list td.clock .clocksetclose{background:#c3be96; color:#fcfbee; font-weight:bold; padding:5px; margin-left:3px;}
table.list td.clock a{text-decoration:none; position:relative;}
table.list td.clock a span{display:none; position:absolute; z-index:1000;}
table.list td.clock a:hover span{display:block; width:125px; top:0; left:-155px; padding:10px 10px 10px 15px; background:#000; opacity:0.8; -moz-opacity:0.8; -webkit-opacity:0.8; font-weight:normal;}
table.list td.clock .yellow{color:#FFCC00;}

.loadcontentlinks a { display: inline-block; padding: 0.5em 1em; margin: 0 0.5em 0.5em 0; border: 1px solid #ccc; color: #333; text-decoration: none; }
.loadcontentlinks a:hover { color: #000; }

.loadcontentlinks a.reload { background: #efefef; color: #aaa; }
.loadcontentlinks a.reload:hover { background: blue; color: white; }

.clickwrite { }
.clickwrite span { display: inline-block; padding: 0.5rem; margin: 0.5rem 0.5rem 0 0; border: 1px solid #ccc; background: #efefef; cursor: pointer; }
.clickwrite span:hover { background: #E0E0E0; }

/* barevne odlisene boxy */
.pruhledna { padding: 0 2em; }
.bily { background: #fff; }
.seda1, .sedy1 { background: rgba(119,136,153,0.05); border: 1px solid rgba(119,136,153,0.1); padding: 1em 2em; margin-bottom: 1em; }
.seda2, .seda, .sedy2, .sedy { background: rgba(119,136,153,0.1); border: 1px solid rgba(119,136,153,0.2); padding: 1em 2em; margin-bottom: 1em; }
.seda3, .sedy3 { background: rgba(119,136,153,0.2); border: 1px solid rgba(119,136,153,0.3); padding: 1em 2em; margin-bottom: 1em; }
.seda4, .sedy4 { background: rgba(119,136,153,0.65); border: 1px solid rgba(119,136,153,0.75); color: var(--mainWhite); padding: 1em 2em; margin-bottom: 1em; }
.seda5, .sedy5 { background: rgba(119,136,153,0.80); border: 1px solid rgba(119,136,153,0.9); color: var(--mainWhite); padding: 1em 2em; margin-bottom: 1em; }
.seda6, .sedy6 { background: rgba(119,136,153,95); border: 1px solid rgba(119,136,153,1); color: var(--mainWhite); padding: 1em 2em; margin-bottom: 1em; }
.modra, .modry { background: var(--mainColor); color: #fff; padding: 1em 2em; margin-bottom: 1em; }
a.modry, a.modry:hover { background: var(--mainColor); color: #fff; }
.zlata, .zlaty { background: var(--mainContrast); color: #fff; padding: 1em 2em; margin-bottom: 1em; }

.filter-tag { display: inline-block; background: #fff; border: 1px solid #ccc; padding: 5px 10px; margin-right: 10px; }
.top-table-header { background: #f7f7f7; border: 1px solid #fff; padding: 20px; margin-top: 20px; }
.top-table-header h2 { font-size: 20px; font-weight: 700; }

.info-box { border: 1px solid #a7a7a7; border-left:3px solid #a7a7a7; background:#fff; color:#494949; margin:0; padding: 20px 30px; margin-bottom: 20px; }

input[type=text],input[type=password],input[type=number],input[type=date] {font-family:'Bai Jamjuree',Arial,Tahoma,Helvetica,Verdana;font-size:14px; background:#fff; border:1px solid #999; padding:10px; margin-right:5px; color:#000;   }
textarea{background:#fff; border:1px solid #999; padding:10px; color:#000;   }
select{background:#fff; border:1px solid #999; padding:10px; margin-right:5px; color:#000;   }
input[type=submit],.akabutton,button{cursor:pointer; background:var(--mainColor); border:none; padding:10px; margin-right:5px; color:#fff; font-weight:bold; font-size:100%; }
input[type=submit]:hover,.akabutton:hover,button:hover{background:var(--mainColorOver); }
input[type="file"]{display:none; }
button[name="delnextcategory"]{background-image:url('../_images/icons/delete.png'); background-repeat:no-repeat; background-position:9px 12px; padding-left:30px; }
.akabutton{display:block; float:left; }
.fileisset{display:block; float:left; position:relative; width:20px; height:20px; margin:10px 10px 0 0; background:url('../_images/icons/empty.png') no-repeat; }
.fileisset.fileisselected{background:url('../_images/icons/accept.png') no-repeat; cursor:help; }
.littletooltip{display:none; position:absolute; top:-40px; right:15px; color:#fff; background:#000; padding:10px; z-index:999; max-width:600px; min-width:100px; }
.fileisset.fileisselected:hover .littletooltip{display:block; }
.notetoultrafile{display:inline-block; padding:10px 0 0 10px; }
.team { padding-right: 2em; }
.team select{  }
.team input[type=submit]{background:transparent; border:none; padding:1px 0 3px 0; margin-right:0; color:#fff; font-weight:bold; font-size:100%;   }
.team input[type=submit]:hover{background:transparent; }

/* Hierarchický select - vizuální indikace */
.dependent-select {
  background: #e3f2fd;
  border-left: 3px solid #2196F3;
}

.dependent-select .notice {
  color: #1976D2;
  font-style: italic;
}

/* poznamka */
.notice {
  font-style: italic;
  opacity: 0.5;
}

/* tlačítka barevná pro ucetnictvi napriklad */
.button-orange { background: orange; color: #000; }
.button-green { background: green; color: #fff; }
.button-cancel { background: #ccc; color: #000; padding:8px 12px 9px 12px; display: inline-block; text-decoration: none; } 

#mastersave { padding:15px 0; }
#mastersave input[type=submit]{padding:8px 12px 9px 12px; margin:0; background:var(--mainColor); color:var(--mainWhite); border: none; }
#mastersave input[type=submit]:hover{ background: var(--mainColorOver); color: var(--mainWhite); }

@media screen and (min-width: 60em) {
  #mastersave { position: fixed; top:0; left: 50%; padding:15px 25px; background:var(--mainColorOver); z-index:9000; }
  #mastersave input[type=submit]{background:#fff; color:#192730; }
  #mastersave input[type=submit]:hover{ background: var(--mainContrast); color: var(--mainBlack); }    
}

.fakesubmit{padding:10px; margin-right:15px; border:1px solid #ccc; background:#f8f8f8; text-decoration:none; color:#333; display:block; float:left; }
.fakesubmit:hover{background:#fff; }
.reset{display:block; height:1px; overflow:hidden; clear:both; }
.technotice{padding:15px; border-bottom:1px solid #ccc; text-align:center; }
table.list input:disabled, table.list selectbox:disabled, table.list textarea:disabled {color:#7a9099; background:#eeeeee; }
.photo{float:left; }
.phototitle{display:block; float:left; padding:0 0 0 15px; font-style:italic; }
.hidethis.hide{display:none; }
.showthis{display:none; }
.showthis.show{display:block; }
table{margin:15px 0; }
table td{padding:4px 8px;  }
table p{margin:1px 0 1px 0; }
.newrowth{width:560px; clear:right; margin-bottom:3px; background:#D3D3D3; color:#000000; font-weight:bold; clear:both; }
.newrow{width:560px; clear:right; margin-bottom:3px; clear:both; }
.newrow2{width:560px; clear:right; margin-bottom:3px; background:#E9E9E9; clear:both; }
.rowcomm{width:360px; clear:right; margin:0; padding:0; }
.col{float:left; clear:right; }
.folders{padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ccc; }
.folderitem{margin:5px 5px 0 0; padding:5px 25px; display:block; float:left; background:url('../_images/icons/folder.png') 0 3px no-repeat; }
.folderitem a{color:#000; font-weight:bold; text-decoration:none; }
.folderitem a:hover{color:blue; }
.folderitem a.over{color:red; }
.folderpanel{float:right; margin:0 0 15px 15px; padding:10px 10px 0 13px; border:1px dotted #ccc; background:#f8f8f8; }
.folderpanel span.title{float:left; padding:2px 5px 0 0; display:block; font-weight:bold; }
  #editor table{}
#editor table td{border:none; }
.nostyle{margin:0; padding:0; border:hidden; background-image:none; background:transparent; }
.underline{border-bottom:1px solid #ccc; padding-bottom:15px; }
.boxed{background:#eeeeee; border:1px dotted #ccc; padding:10px 15px; margin:15px 0; color:#7a9099; font-size:11px; line-height:170%; }
.noshow{display:none; }
.bold{font-weight:bold; }
.left{float:left; }
.warning{border:1px dotted #ccc; background:#eeeeee; padding:15px; }
.logged{color:#ccc; padding:0 20px 20px 20px; }
.logged a{color:#fff; }
.kontakt p,.kontakt a{color:#192730; }
.kontakt h3{color:#192730; font-size:18px; font-weight:normal; margin-bottom:0; padding-bottom:0; }
.strong{font-weight:bold; }
.required:after{content:" *"; color:red; }
.status{background:#000; color:#fff; padding:15px 20px; margin:10px 0; font-size:110%; text-align:center; }
.status.done{background:#00CC00; }
.status.failed{background:red; }
a{color:blue;text-decoration:underline; }
a:hover,a:active{text-decoration:none; }
a.redlink{color:red; text-decoration:underline; }
a.redlink:hover,a.redlink:active{text-decoration:none;}
a.blacklink{color:black; text-decoration:underline; }
a.blacklink:hover,a.blacklink:active{text-decoration:none; }
a.anchor{color:black; text-decoration:none; cursor:arrow; }
a.generate{color:#fff; background:#0add00; padding:2px 6px; font-weight:bold; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
a.generate:hover{background:#08b200; }
#pagging{clear:both; font-size:14px; font-weight:bold; margin:5px 0; text-align:center; }
#pagging a{font-size:14px; font-weight:bold; text-decoration:underline; padding:0 2px; }
#pagging a:hover{color:blue; text-decoration:underline; }
#pagging span{color:black; font-size:16px; font-weight:bold; }
.filtr{border:1px dotted #ccc; background:#EFEFEF; padding:8px 15px; margin:10px 0; color:#999; }
.filtr p{margin:0; padding:0; }
.filtr a{color:#000; text-decoration:none; display: inline-block; padding: 5px; }
.filtr a:hover,.filtr a.over{color:red; }
table.registrace td.bg{padding:5px; background:#EFEFEF;}
.cena{font-size:16px; font-weight:bold; color:#6C9000;  }
.red,.red a{color:red; }
.green{color:green; }
.active-filters { padding: 10px 20px; background:#f7f7f7; border: 1px dotted #ccc; margin:0 0 20px 0; }
.active-filters span.af-title { opacity: 0.6; display: inline-block; padding: 5px 10px 5px 0; }
.active-filters span.af-value { padding: 5px 10px; background:#eeeeee; border:1px dotted #ccc; margin: 5px 10px 5px 0; display: inline-block; }
fieldset{padding:0 5px; background:#eeeeee; border:1px dotted #ccc; margin:0 0 20px 0; }
legend{border-left:3px solid #ccc; background:#fff; color:#999; margin:0; padding:2px 10px; }
.formlabel{display:block; width:70px; float:left; padding:5px 0; }
.reset{display:block; height:1px; overflow:hidden; clear:both; }
.floatleft{float:left; }
.floatright{float:right; }
.thumbadm{border:1px dashed #ccc; margin-right:10px; float:left; }
.thumbadm img{padding:8px 0  8px 4px; }
.selected{background:navy; color:#fff; font-weight:bold; }
.disabled{color:#ccc; font-weight:normal; }
/* skryje datum kde neni zrovna potreba */
#dateto{display:none; }

/* MENU a BUBLINKOVA NAPOVEDA*/
.AdmButton{display:inline-block; width:20px; min-height:20px; position:relative; }
.AdmButton span{display:none; position:absolute; top:-40px; right:15px; color:#fff; background:#000; padding:10px; z-index:999; max-width:400px; }
.AdmButton:hover span{display:block; }
.AdmButton.add{ min-height: 35px; }
.AdmButton.add span{display:block; color:blue; background:transparent; top:0; left:20px; padding:0; }

.AdmButton.add input[type=submit]{ color: #438F38; background:transparent; padding: 0 5px 10px 15px; font-weight: normal; }
.AdmButton.add input[type=submit]:hover { color: #16620B; }
.layer-switch button span { background: transparent !important; display: inline !important; position: relative !important; top: 0 !important; left: 0 !important; z-index: 0; font-weight: normal !important; color: #333 !important; padding: 0 !important; }
h3 .AdmButton{font-size:85%; font-weight:normal; }
.AddAdmIcon{float:left; width:20px; height:20px; position:relative; cursor:help; }
button{position:relative; }
.AddAdmIcon span, button span {display:none; position:absolute; top:-100%; right:-100%; color:#fff; background:#000; padding:10px; z-index:999; max-width:200px; min-width:100px; }
/* fix pro button v MAPACH MAPY>CZ */

.AddAdmIcon span.moretext{max-width:300px; min-width:150px; }
.AddAdmIcon:hover span,button:hover span{display:block; }
.smallbox{margin:0 5px 5px 0; padding:5px; display:block; float:left; width:58px; border:1px solid #ccc; background:#fff; }
.noclick{cursor:help; }

/* overlay pro nacitan iz API */
#loadingOverlay{display:none;  position:fixed;  z-index:9999;  top:0;  left:0;  width:100%;  height:100%;  background-color:rgba(0,0,0,0.7);}
.loadingText{color:#fff;  text-align:center;  position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%);}

/* UNI styly */
.w20{width:20px; }
.w40{width:40px; }
.w60{width:60px; }
.w80{width:80px; }
.w90{width:90px; }
.w100{width:100px; }
.w120{width:120px; }
.w140{width:140px; }
.w160{width:160px; }
.w180{width:180px; }
.w200{width:200px; }
.w220{width:220px; }
.w240{width:240px; }
.w250{width:250px; }
.w260{width:260px; }
.w280{width:280px; }
.w300{width:300px; }
.w320{width:320px; }
.w340{width:340px; }
.w350{width:350px; }
.w360{width:360px; }
.w380{width:380px; }
.w400{width:400px; }
.w460{width:460px; }
.w480{width:480px; }
.w500{width:500px; }
.w660{width:660px; }
.h14{height:14px; }
.h15{height:15px; }
.h16{height:16px; }
.h17{height:17px; }
.h18{height:18px; }
.h19{height:19px; }
.h20{height:20px; }
.h22{height:22px; }
.h24{height:24px; }
.h45{height:48px; }
.h75{height:80px; }
.m5{margin:5px;}
.m8{margin:8px;}
.m10{margin:10px;}
.p2{padding:2px;}
.p5{padding:5px;}
.p8{padding:8px;}
.p10{padding:10px;  }