/* efekty */
.trans-3 {-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.trans-5 {-moz-transition:0.5s all;-webkit-transition:0.5s all;}

/* headings */
H2 {font-size: 24px; font-weight: 600; margin: 15px 0px 10px 0px;}
H3 {font-size: 20px; font-weight: 600; margin: 15px 0px 10px 0px;}
H4 {font-size: 18px; font-weight: 600; margin: 15px 0px 10px 0px;}
H2 .small {font-size: 14px; color: #777; font-weight: 300; padding-left: 5px;}
H2.underline, H3.underline {border-bottom: 1px #ddd dotted;}
H2.headingMain {border-bottom: 1px #ddd dotted; margin-top: 15px; margin-bottom: 10px; padding-bottom: 10px;}
H2 .sepr {font-weight: 200; color: #ccc; font-size: 18px;}
H2 I {margin-right: 10px;}
H3 .small {font-size: 12px; font-weight: 300;}
H3 A {text-decoration: underline; color: #006fac;}

HR {width: 100%; height: 0px; float: left; margin: 15px 0px; border: 0px; border-bottom: 1px #ddd dotted;}

/* colors */
.color1 {background-color: #49af49; color: #ffffff;}

/* font color */
.c-red {color: #d9001a;}
.c-green {color: #5db85c;}
.c-gray {color: #cccccc;}

/* floats */
.flo-l {float: left !important;}
.flo-r {float: right;}
.flo-n {float: none !important;}

/* sizes */
.w-100-proc {width: 100%;}
.w-auto {width: auto;}
.w-14 {width: 14px;}
.w-20 {width: 20px;}
.w-50 {width: 50px;}
.w-100 {width: 100px;}

/* positions */
.pos-rel {position: relative;}

/* text align */
.ta-c {text-align: center;}

/* clear */
.clearBoth {clear: both;}

/* helper */
.line {width: 100%; float: left;}
.block {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.mt-0 {margin-top: 0px;}

.disp-b {display: block;}
.disp-n {display: none;}

/* font size */
.fs-13 {font-size: 13px;}
.fs-15 {font-size: 15px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px !important;}

/* corners */
.corner-3 {border-radius: 3px;}

/* cursor */
.cursor-pointer {cursor: pointer;}
.cursor-nan {cursor: not-allowed;}

/* tables – moderní vzhled (zelené záhlaví, zaoblení, čisté řádky) */
.table-1 {width: 100%; float: left; border-collapse: separate; border-spacing: 0; font-size: 13px; text-align: left; background: #fff; border: 1px solid #e6e6e6; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.table-1 TR:first-child TH:first-child {border-top-left-radius: 12px;}
.table-1 TR:first-child TH:last-child {border-top-right-radius: 12px;}
.table-1 TR:last-child TD:first-child {border-bottom-left-radius: 12px;}
.table-1 TR:last-child TD:last-child {border-bottom-right-radius: 12px;}
.table-1 TR TH {padding: 15px 16px; background-color: var(--color-thead); color: #fff; font-weight: 700; font-size: 13.5px; text-align: left; white-space: nowrap; border: 0; vertical-align: middle;}
.table-1 TR TH I {margin-right: 8px; opacity: 0.92;}
.table-1 TR TD {padding: 13px 16px; border: 0; border-bottom: 1px solid #eef0ef; color: #444; vertical-align: middle;}
.table-1 TR:last-child TD {border-bottom: 0;}
.table-1 TR:nth-child(even) TD {background-color: #fafbfa;}
.table-1 TR:nth-child(odd) TD {background-color: #fff;}
.table-1 TR:hover TD {background-color: #eef7ee;}
.table-1 .thumb {width: 50px;}
.table-1 .thumb IMG {width: 50px; float: left; border-radius: 50%;}
.table-1 .thumb IMG {border: 3px #f3f4f5 solid;}
.table-1 .sort {width: 10px; padding-right: 0px;}
.table-1 .sort I {font-size: 20px; cursor: n-resize;}

/* odkazy pro řazení v záhlaví (bílé, aby byly vidět na zeleném) */
.table-1 TH .sortLink {color: #fff; text-decoration: none;}
.table-1 TH .sortLink:hover {text-decoration: underline;}

/* icons */
.icon-1 {width: 20px; height: 20px; float: left; display: block; color: #888888;}
.icon-1:HOVER {color: #444;}

/* buttons */
.butt-1 {width: auto; padding: 3px 5px; float: right; background-color: #eee; color: #555; border: 1px #ddd solid; font-size: 12px; margin-left: 5px;}
.butt-1 I {float: left; margin: 2px 5px 0px 0px; font-size: 14px;}
.butt-1 I.right {float: left; margin: 2px 0px 0px 5px; font-size: 14px;}
.butt-1 .text {float: left;}
.butt-1:HOVER {border-color: #ccc; background-color: #f4f4f4; color: #000; box-shadow: inset 0 0 10px #fff3c2; -moz-box-shadow: inset 0 0 10px #fff3c2; -webkit-box-shadow: inset 0 0 10px #fff3c2;}
.butt-1.size-1 {font-size: 15px;}
.butt-1.size-1 I {font-size: 18px;}
.butt-1.size-1.flo-l {float: left; margin-left: 0px; margin-right: 5px;}
.butt-1.clear {clear: left;}
.butt-1.c-green I {color: #5db85c;}
/* CC: tlačítko Smazat – světle červené */
.butt-1.butt-delete {background-color: #f7c0c0; color: #9a1c1c; border-color: #e6a3a3;}
.butt-1.butt-delete:HOVER {background-color: #f2a8a8; color: #7a1010; box-shadow: none;}
.butt-1.butt-delete I {color: #c0392b;}
.butt-1.c-red I {color: #d9001a;}
.butt-1 .small {font-size: 12px;}

/* switch - přepínač */
.switch-1 {font-size: 16px;}
.switch-1 I {font-size: 30px; float: left;}
.switch-1 .text {float: left; margin: 3px 0px 0px 10px;}

/* specials */
.dragable {cursor: n-resize;}

/* loading */
.loading-1 {width: 100%; float: left; font-size: 22px; text-align: center;}
.loading-1 I {font-size: 60px; margin: 30px 0px 10px 0px;}

/* margins */
.mt-0 {margin-top: 0px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mb-0 {margin-bottom: 0px !important;}
.mb-3 {margin-bottom: 3px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mr-0 {margin-right: 0px !important;}
.ml-0 {margin-left: 0px !important;}

/* paddings */
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}