html,body {margin:0px; padding:10px 0px 15px 0px; text-align:center; background: #d0d0d0 url("imgs/superbg.gif"); font: normal normal 0.9em Tahoma, sans-serif;}
html {padding-top:0px;}
table {border:none; margin:auto; padding:0px;}
td {vertical-align:top;  color:black;}
form {margin:0px;}
img {border:none; vertical-align:middle;}
input {vertical-align:middle;}
input[type="text"] {font-family:Tahoma,sans-serif;}
a {text-decoration:none; color:black;}
a:hover {text-decoration:underline; color:#339900;}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.al {text-align:left}
.ac {text-align:center}
.aj {text-align:justify}
.ar {text-align:right}
.fl {float:left}
.fr {float:right}
.inv {display:none;}
.cleaner {clear:both;}
.obrl {float:left; margin:5px 5px 5px 0px;}
.obrr {float:right; margin:5px 0px 5px 5px;}
.nic {font-size:1px;}
.full {width:100%;}
.ramecek {border:solid 3px #339900;}

#telo {width:960px; margin:auto; background:white url('imgs/bg.gif') repeat-y right top; padding-bottom:70px; position:relative; text-align:left;}
#telo #colors {background:url('imgs/colors.gif') no-repeat top left; min-height:600px;}
#stin_dole {background:url("imgs/stin_dole.gif") no-repeat top left; height:15px; _font-size:1px; width:960px; margin:auto;}
#animato {position:absolute; bottom:40px; left:-19px;}
#mainmenu a {display:block; height:29px; background:url('imgs/mainmenu.gif') no-repeat 27px top; padding:3px 0px 0px 57px; font:bold italic 14px Trebuchet, Trebuchet MS, sans-serif;}
#mainmenu a:hover {text-decoration:none; background-position:27px -50px; color:#FC6704;}
#hledej {padding:15px 0px 15px 6px;}
#hledej input[type="text"] {width:138px; _width:148px; height:18px; padding:1px 0px 1px 10px; background:url('imgs/hledej.png') no-repeat; border:none; font-size:12px; vertical-align:top;}
#hledej input[type="submit"] {width:50px; height:18px; background:url('imgs/hledej_button.png') no-repeat left top; border:none;}
#hledej .x {cursor:pointer; background-position:left -19px !important; }
#hledej a {color:#339900; display:block; text-align:right; font-size:12px; padding:2px 40px 0px 0px;}
#hledej a:hover, #login a:hover {color:#FC6704;}
#login {padding:5px 0px 15px 15px;}
#login, #login td,#login a { font-family:Trebuchet MS, Trebuchet, sans-serif; font-style:italic; font-weight:bold; font-size:12px; color:#0099CC;}
#login label {width:100px;}
#login input[type="text"],#login input[type="password"] {background:url('imgs/login.gif') no-repeat left top; border:none; width:133px; padding:1px 10px 1px 10px; height:18px;  font:normal normal 12px Tahoma,sans-serif;}
#login input[type="submit"],.button2 {height:21px; padding-right:25px; background:url('imgs/login_button.gif') no-repeat right top; border:none; font:bold italic 12px Trebuchet,Trebuchet MS, sans-serif; color:#0099CC;}
#login input[type="submit"] {margin-right:10px;}
a.button2 {padding-bottom:0px;
	margin-bottom: 6px;
	display: inline-block;
	height: 18px;
	padding-top: 3px;}
#login .x,.x2,a.button2:hover {background-position:right -21px !important; cursor:pointer; color:#FC6704 !important; text-decoration:none;}
#levy {float:left; width:205px; padding:160px 0px 0px 0px;}
#levy ul {margin:0px; padding:0px 15px 8px 15px;}
#levy li {margin:0px; padding:0px; list-style-type:none;}
#levy h2 {padding:0px 70px 8px 15px; background:no-repeat -13px top; font-style:italic; font-weight:bold; font-family:Trebuchet MS,Trebuchet,sans-serif; font-size:16px; text-align:right; margin:0px;}
#levy h2.zluty {color:#0099cc; background-image:url('imgs/levy_h2_zluty.gif');}
#levy h2.zeleny {color:#339900; background-image:url('imgs/levy_h2_zeleny.gif');}
#logo {position:absolute; left:0px; top:0px; }
#napoveda {position:absolute; right:10px; top:10px; width:300px; _width:340px; padding:0px; _padding:20px; background-color:#eeeeee; height:90%; _height:95%; border:solid 1px black;}
.skiny {padding-left:15px; padding-top:4px;}
.skiny a {display:block; float:left; height:28px; width:36px; background:url('imgs/skin.gif') no-repeat left top;}
.skiny a:hover,#skiny a.on {background-position:left -30px;}
a.menu {display:block; text-align:center; position:absolute; width:52px; height:52px; background:no-repeat left top; z-index:4; text-decoration: none;}
a.menu:hover {cursor:pointer; background-position:left -100px;}
a.menu span {display:block;  color:#333; position:absolute; left:-50px; width:150px; top:55px; text-align:center; font:bold italic 14px Trebuchet MS, Trebuchet, sans-serif; z-index:10; transition: all 0.3s; opacity: 0;}
a.menu:hover span {text-decoration: none; opacity: 1;}
a.menu em {color:white; font:bold italic 12px Trebuchet MS, Trebuchet, sans-serif; display:block; position:absolute; left:0px; top:18px; width:52px; text-align:center;}
a.menu em.max {font-size:17px;}
a.menu1 {left:630px; top:20px; background-image:url('imgs/menu1.png');}
a.menu2 {left:685px; top:22px; background-image:url('imgs/menu2.png');}
a.menu3 {left:740px; top:32px; background-image:url('imgs/menu4.png'); z-index:5;}
a.menu4 {left:792px; top:55px; background-image:url('imgs/menu3.png');}
.promo {float:left; margin:0px 15px 15px 0px; width:93px;}
.promo img {margin-bottom:5px;}

#pravy {float:right; width:700px; _width:730px; padding:120px 30px 0px 0px;}
.psani {line-height:160%;}
.psani a {
	text-decoration: underline;
}
h1 {margin:0px; color:#339900; background:url('imgs/h1.gif') left 15px no-repeat; padding:50px 0px 0px 15px; height:45px; font: bold italic 29px Trebuchet MS, Trebuchet, sans-serif; margin-bottom:30px; position:relative; }
h1:first-letter {font-size:44px; color:white; padding:0px 14px 0px 3px; text-transform:uppercase; vertical-align:top;}
h2 {margin:0px; padding:20px 0px 10px 0px; font:bold italic 14px Trebuchet MS, Trebuchet, sans-serif; color:#339900;}
h4 {margin:0px; padding:0px; font-size:100%; font-weight:bold; text-decoration:underline; padding-top:10px;}
#sloupec1 {float:left; width:48%; _width:50%; padding-right:2%; border-right:solid 1px #FBBC00;}
#sloupec2 {float:right; width:48%;}
#pod {clear:both; padding-top:15px;}
a.barevny {color:#339900;}
a:hover.barevny {color:#FF9900;}
a.home {display:block; padding:15px 10px 10px 60px; height:27px; _height:52px; background:url('imgs/menu1.png') left top no-repeat; font:bold italic 16px Trebuchet MS, Trebuchet, sans-serif; color:#339900;}
a:hover.home {background-position:left -100px; text-decoration:none; color:#FF6600;}
.cislo {position:relative; padding:20px 0px 10px 55px; background:url('imgs/cislo.gif') left top no-repeat; height:22px; _height:52px;}
.cislo span {position:absolute; top:17px; left:5px; display:block; width:42px;text-align:center; color:white; font-size:16px; font-weight:bold;}
.cara {width:100%; height:1px; border-top:solid 1px #FBBC00; margin-top:10px; margin-bottom:10px; clear:both;}
.siroka {margin:20px 0px 20px 0px;}
.clanky a {display:block; padding:10px 0px 0px 0px;}
.clanky em {display:block; font:bold italic 14px Trebuchet MS, Trebuchet, sans-serif; padding:2px 0px 5px 25px; background:url('imgs/puntik_a.png') left top no-repeat;}
.clanky a:hover em {background-position:left -50px;}
.info {float:right; width:40%; padding-left:4%; margin-left:4%; padding-bottom: 20px; margin-bottom: 20px; border-left: solid 1px #E5E5E5;  }
.bezokraje {border:none;}
.podnadpis {font-size:120%; padding:0px 0px 10px 0px;  line-height: 150%;}
.podinfo {color:#006699; padding:0px 30px 5px 30px;
	text-indent: -30px;
	line-height: 150%;}
.podinfo a {color:#006699;}
.podinfo a:hover {color:#339900;}
.podinfo strong {color:black; font-weight:normal;}
a.nuse {display:block; position:relative; float:left; height:20px; background:url('imgs/detail_nuse.gif') no-repeat left top; padding:80px 0px 0px 0px; _height:100px; width:75px; font-size:80%; text-align:center; margin-right:7px; position:relative; z-index:10;}
a:hover.nuse {background-position:left -100px;}
a.nuse span {display:none; position:absolute; left:0px; top:76px;}
a:hover.nuse span {display:block;}
.hodnota {padding:0px 0px 0px 120px; position:relative;}
.hodnota img {position:absolute; top:2px; left:80px;}
.kratka {padding-top:10px; padding-bottom:10px;}
.spozadim {background:url('imgs/spozadim.gif') no-repeat 80px 1px;}
.doplneni {clear:both; padding:8px 0px 0px 50px; background:url('imgs/doplneni.gif') left 10px no-repeat; position:relative;}
.doplneni span {position:absolute; color:#FCCE04; text-align:center; left:2px; top:15px; width:38px; font-size:12px; font-weight:bold; display:block;}
.doplneni span em {font-size:16px; font-style:normal;}
.doplneni span img {position:absolute; top:-4px; left:-2px;}
.doplneni input[type="text"] {border:solid 1px #0099CC; background:white; width:100%;}
.bezpodtrzeni {text-decoration:none !important;}
.doplnujici_soubor {background:none; min-height:46px; _height:46px;}
.doplnujici_soubor span {top:0px;}
.doplnujici_soubor span img {top:6px;}
.linka {background:url('imgs/caram.png') left 16px repeat-x; color:#059CCD; font-size:15px;}
.linka a {color:#059CCD;}
.linka a:hover,.linka em {color:#FF9900; font-style:normal;}
.linka small {font-size:13px; padding-top:3px;}
.radek {margin-bottom:15px; clear:right; position:relative;  display: block; padding: 8px 8px 4px 8px; margin-left: -4px; margin-right: -4px; transition: all 0.3s;
	cursor: pointer;}
.radek h3 {font:bold italic 16px Trebuchet MS, Trebuchet, sans-serif; color:#349A04; margin:0px; padding:0px; border-bottom: solid 2px #349a04; margin-left: -2px; padding-left: 2px;}
.radek:hover {text-decoration:none;
	background-color: #E5E5E5;}
.radek .udaj {float:right; margin-left:4px; margin-right:-1px; height:28px; _height:40px; width:40px; background:url('imgs/udaj.png') left top no-repeat; text-align:center; padding-top:12px; font-size:12px; color:white; font-weight:bold; position:relative; z-index:5;}
.radek .modry {background-image:url('imgs/udaj_modry.png')}
.radek .cerveny {background-image:url('imgs/udaj_cerveny.png')}
.radek .oranz {background-image:url('imgs/udaj_oranz_vypis.png')}
.radek .udaj img {margin:-9px 3px 0px 0px;}
.radek .udaj small {padding-top:0px; display:block; font-size:90%; font-weight:normal; padding-right:0px;}
.radek .dvojradkovy {padding-top:6px; padding-bottom:5px;}
.radek .text {padding-top:3px;}
.radek h3 a:hover {color:#059CCD;}
.popisky {text-align:right; margin-right:-14px; clear: right;}
.popisky img {margin-right:-6px;}
.nabidka {padding:15px 0px 0px 0px;}
.nabidka a {display:block; font:bold italic 100% Trebuchet MS, Trebuchet, sans-serif; color:#9C0204; background:url('imgs/nabidka.png') no-repeat left 4px; padding:4px 0px 4px 25px; margin-left:16px;}
.nabidka a:hover {color:#339900;  background-image:url('imgs/nabidka_on.png');}
.kotva {position:relative;}
.good {padding:10px 5px 10px 50px; background:url('imgs/logo_mini.png') no-repeat left top; min-height:25px;}
.good .pozor { background-color: rgba(255, 0, 0, 0.1); padding: 12px 20px; border-radius: 3px; margin-left: 10px; margin-top: 3px;}
.input {width:97%; border:solid 1px #349A04; background:white; height:16px; padding:2px; font-family:Tahoma,sans-serif; font-size:100%;}
.button {height:60px; padding-right:75px; background:url('imgs/button.gif') no-repeat right top; border:none; font:bold italic 14px Trebuchet,Trebuchet MS, sans-serif; color:#339900;}
.mini {width:60px;}
.par_checkbox {cursor:pointer}
.x {background-position:right -100px; cursor:pointer; color:#FC8A04;}
.c {width:150px;}
.c2 {width:60px;}
#sloupec1 .c, #sloupec2 .c {width:80px;}
.mensi {width:60px;}
tr.odsazenyd td {padding-bottom:10px;}
.odsazenyl {padding-left:12px;}
.oblast h2, .oblast-bila h2 {margin-top:0px; padding-top:0px;}
.oblast {background-color:#f1f1f1; padding:5px;}
.oblast-bila {background-color:#e4e4e4; padding:5px;}
.poznamka {font-size:80%; color:#666666; padding-top: 5px;}
.nuse_operace {float:left; font-weight:bold;}
.nuse_operace a {display:block; padding:20px 50px 0px 70px; height:45px; background:url('imgs/nuse_bg.png') left top no-repeat; position:relative;}
.nuse_operace img {position:absolute; left:11px; top:11px;}
.nuse_tisk img {top:15px; left:9px;}
.nuse_operace a:hover {text-decoration:none !important; background-position:left -95px;}
.vyrazny {background-color:#e5e5e5;}
.cerna_cara {font-size:1px; height:10px; border-bottom:solid 2px black; margin-bottom:10px;}
.w50 {width:50%;}
.userinfo {padding:5px; margin-bottom:20px; background:#7FEDF3 url('imgs/userinfo.png') repeat-y left top;;}
.userinfo a:hover {color:white;}
a.tagbutton img {border:solid 1px #E5E4E8;}
a.tagbutton:hover img {border:solid 1px #349A04;}
.popup {position:absolute; height:auto; z-index:8; width:180px; font-size:90%; text-align:justify; left:200px; top:-10px; padding:10px; background:white; border:solid 2px #049ACC;}
.minimenu {float:left; margin-top:0px; position:relative; z-index:8;}
.minimenu a {display:block; padding-bottom:3px; padding-left:20px; position:relative; min-height:20px; _height:20px;}
.minimenu a img {position:absolute; left:0px; top:0px;}

#sidebadge {
	position:absolute; top:300px; top: calc(50vh - 140px); right:-50px;
}

#app-invite {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 10px 100px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	font-size: 21px;
}

#app-invite a.text-link {
	color: white;
}

#app-invite a:not(.text-link):hover {
	text-decoration: none;	
}

#app-invite img {
	max-height: 50px;
	margin-left: 25px;
}

#app-invite .close {
	position: absolute;
	right: 20px;
	padding: 10px;
	font-size: 21px;
	vertical-align: middle;
}

#app-invite .close .close-text {
	font-size: 12px;
	vertical-align: middle;			
}

#app-invite a.close {
	color: white;
}

#app-invite a.close:hover {
	text-decoration: none;	
}


.list-table {
	margin: auto;
	width: 100%;
	border-spacing: 0;
}

.list-table th {
	font-weight: normal;
	text-align: left;
	color: #999;
	padding: 5px 7px 10px;
}

.list-table td {
	background-color: #EEEEEE;
	padding: 5px 7px;
	transition: background-color 0.2s;
}

.list-table .star {
	font-size: 10px;
}

.list-table .position {
	width: 35px;
}

.list-table tr:nth-child(even) td {
	background-color: #FCFCFC;
}

.list-table tr:hover td {
	background-color: #e5e5e5;
}

.list-table .chkb {
	padding: 0 5px;
	width: 20px;
	vertical-align: middle;
}

.list-table .icon {
	font-size: 14px;
}

.list-table .move-icon {
	color: #999;
	padding-top: 6px;
	cursor: row-resize;
	padding-bottom: 2px;
}

.list-table .move-icon .icon {
	transition: all 0.3s;
}
.list-table .move-icon:hover .icon {
	color: black;
}

.list-table .icon.hranicons-trash:hover {
	color: #D90000;
}

.list-table .row-actions {
	padding: 0 10px 0 5px;
	text-align: right;
	line-height: 1;
	vertical-align: middle;
}

.list-table .row-actions span {
	margin-left: 6px;
}


.list-table .all-click-row td {
	cursor: pointer;
}

.list-table .all-click-row:hover a.click-target {
	color: #339900;
	text-decoration: underline;
}

.list-table .ui-sortable-helper {

}

.list-table .ui-sortable-helper td {
	background-color: #E5E5E5;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.list-table:not(.sorting) .sorting-mode {
	display: none;
}

.list-actions {
	margin-top: 10px;
	padding-left: 10px;
}

.list-actions .prompt {
	font-weight: bold;
	display: inline-block;
}

.list-actions a {
	display: inline-block;
	margin-left: 15px;
}

.list-actions-tools {
	margin: 10px 0 10px 0;
	padding-left: 10px;
}

.list-actions-tools a {
	display: inline-block;
	color: #999;
	margin-right: 20px;
	font-size: 10px;
}

.side-link {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	display: block;
	text-decoration: underline;
}

.radek .subtitle {
	padding-top: 6px;
	padding-bottom: 6px;
}

.linka a.next-page {
	background-color: #059CCC;
	color: white;
	font-size: 15px;
	padding: 5px 12px;
	display: inline-block;
	margin: 5px 0 5px 20px;
	border-radius: 3px;
	transition: all 0.3s;
}

.linka a.next-page:hover {
	background-color: #FD8D00;
	color: white;
	text-decoration: none;
}

.login-form .login-icon, #login .login-icon {
	display: block;
	padding: 5px 4px 5px 35px;
	border: solid 1px black;
	border-radius: 5px;
	margin-top: 5px;
	margin-right: 10px;
	line-height: 14px;
	font: bold italic 12px "Trebuchet MS", Trebuchet, sans-serif;
	position: relative;
	transition: all 0.3s;
}

.login-form .login-icon-google, #login .login-icon-google {
	border-color: #d34836;
	color: #d34836;
}

.login-form .login-icon-google:hover, #login .login-icon-google:hover {
	color: white;
	background-color: #d34836;
	text-decoration: none;
	box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
}

.login-form .login-icon-google::before, #login .login-icon-google::before {
	width: 26px;
	height: 26px;
	left: -1px;
	top: -1px;
	position: absolute;
	background: white url('imgs/icon-google.png');
	background-size: 26px auto;
	content: "";
	display: block;
	border-radius: 5px 0 0 5px;
	z-index: 4;
}

.login-form .login-icon-facebook, #login .login-icon-facebook {
	border-color: #3b5998;
	color: #3b5998;
}

.login-form .login-icon-facebook:hover, #login .login-icon-facebook:hover {
	color: white;
	background-color: #3b5998;
	text-decoration: none;
	box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
}

.login-form .login-icon-facebook::before, #login .login-icon-facebook::before {
	width: 26px;
	height: 26px;
	left: -1px;
	top: -1px;
	position: absolute;
	background: white url('imgs/icon-facebook.png');
	background-size: 26px auto;
	content: "";
	display: block;
	border-radius: 5px 0 0 5px;
	z-index: 4;
}

.login-form .social-logins {
	padding-top: 6px;
	padding-bottom: 10px;
}

.login-form.limited-width {
	width: 300px;
}

.login-form.limited-width .social-logins {
	padding-right: 95px;
}

.login-form .prompt {
	margin-bottom: 10px;
}

.login-button {
	background-color: #0099CC;
	color: white;
	font: inherit;
	padding: 6px 13px;
	border: none;
	border-radius: 4px;
	transition: all 0.3s;
	cursor: pointer;
}

.login-button:hover {
	background-color: #349A04;
	box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
}

.login-cell {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-top: 5px;
}

.login-actions a {
	display: block;
	padding: 4px 0;
	transition: all 0.3s;
	position: relative;
}

.login-actions a::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	background-color: #FC6704;
	opacity: 0;
	transform: scale(0.5);
	position: absolute;
	left: 0;
	top: 6px;
	transition: all 0.3s;
}

.login-actions a:hover {
	text-decoration: none;
	padding-left: 15px;
}

.login-actions a:hover::before {
	opacity: 1;
	transform: none;
}

.user-menu {
	position: absolute;
	right: 26px;
	top: 16px;
	z-index: 10;
}

.user-portrait {
	border-radius: 5px;
	width: 50px;
	height: 50px;
	background: #ccc no-repeat center center;
	background-size: cover;
	transition: all 0.3s;
	border: solid 2px rgba(0, 80, 0, 0.5);
}

.user-menu:hover .user-portrait {
	box-shadow: rgba(0, 0, 0, 0.2) 0 4px 6px;
	transform: scale(1.2);
}

.user-menu a {
	text-decoration: none;
}

.user-menu .letterbadge {
	display: block;
	font-size: 35px;
	padding-top: 5px;
	color: white;
	background-color: #339900;
	border-radius: 50px;
	width: 53px;
	text-align: center;
	height: 48px;
	transition: all 0.3s;
}

.user-menu:hover .letterbadge {
	transform: scale(1.2);
	background-color: #FD9000;
}

.user-menu .tooltip {
	position: absolute;
	right: 72px;
	top: 8px;
	padding: 10px 20px;
	font-size: 16px;
	background-color: rgba(255, 255, 255, 0.93);
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
	width: auto;
	display: block;
	white-space: nowrap;
	z-index: 11;
	transition: all 0.3s;
	visibility: hidden;
	opacity: 0;
	transform: translateX(-10px);
}

.user-menu:hover .tooltip {
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}

#levy .my-menu .my-name {
	padding-top: 6px;
	padding-bottom: 3px;
}

#levy .my-menu a {
	display: block;
	transition: all 0.3s;
	padding: 3px 0;
}

#levy .my-menu a:hover {
	text-decoration: none;
}

#levy .my-menu .icon {
	display: inline-block;
	font-size: 14px;
	width: 20px;
	text-align: center;
	margin-right: 6px;
	vertical-align: middle;
	transition: all 0.3s;
	/*transform: translateZ(0.1px);*/
	backface-visibility: hidden;
}

#levy .my-menu a:hover .icon {
	transform: scale(1.5);
	color: #349A04;
}

.welcome-menu {
	padding-top: 30px;
}

.welcome-menu ul {
	display: flex;
	flex-wrap: wrap;
}

.welcome-menu ul, .welcome-menu li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.welcome-menu li {
	flex: 1 0 27%;
	margin: 0 20px 30px;
}

.welcome-menu a {
	text-decoration: none;
	display: block;
}

.welcome-menu .icon {
	font-size: 42px;
	text-align: center;
	display: block;
	margin-bottom: 15px;
	/*color: #349A04;*/
}

.welcome-menu .item-name {
	text-align: center;
	display: block;
	font-size: 16px;
	/*color: #349A04;*/
	margin-bottom: 15px;
}

.welcome-menu a > * {
	transition: all 0.3s;
}

.welcome-menu .item-detail {
	color: #888;
}

.welcome-menu a:hover .item-name, .welcome-menu a:hover .item-detail {
	color: #349A04;
}

.welcome-menu a:hover .icon {
	color: #349A04;
	transform: scale(1.33);
}

.modern-button  {
	border: none;
	background: none;
	font: inherit;
	cursor: pointer;
	font-size: 14px;
	padding: 8px 14px;
	height: 30px;
	box-sizing: border-box;
	line-height: 14px;
	border-radius: 4px;
	transition: all 0.3s;
	position: relative;
	text-decoration: none;
	display: inline-block;
}

.modern-button.button-continue {
	color: white;
	background: #008800;
}

.modern-button.button-neutral {
	color: #222;
	background: #71E4F4;
}

.modern-button.button-misc {
	color: #222;
	background: #E2EBED;
}

.modern-button.button-back {
	color: white;
	background: #C90000;
}



.modern-button.button-icon-right {
	padding-right: 44px;
}
.modern-button.button-icon-left {
	padding-left: 44px;
}

.modern-button .icon {
	display: block;
	position: absolute;
	top: 0px;
	font-size: 18px;
	bottom: 0;
	width: 30px;
	text-align: center;
	padding-top: 6px;
}

.modern-button .icon::before {
	display: inline-block;
	transition: transform 0.2s;
}

.modern-button.button-icon-right .icon {
	right: 0px;
	border-radius: 0 3px 3px 0;
}
.modern-button.button-icon-left .icon {
	left: 0px;
	border-radius: 3px 0 0 3px;
}
.modern-button.button-icon-right.button-move-icon:hover .icon::before {
	transform: translateX(5px);
}
.modern-button.button-icon-left.button-move-icon:hover .icon::before {
	transform: translateX(-5px);
}
.modern-button.button-rotate-icon:hover .icon::before {
	transform: rotate(45deg);
}


.modern-button.button-continue .icon {
	background-color: #00AF00;
}
.modern-button.button-neutral .icon {
	background-color: #35BCDC;
}
.modern-button.button-misc .icon {
	background-color: #D2DBDD;
}
.modern-button.button-back .icon {
	background-color: #EB0000;
}


.modern-button:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0 2px 4px;
	text-decoration: none;
	background-color: #E5E5E5;
}

.modern-button.button-continue:hover {
	background: #00A400;
}
.modern-button.button-continue:hover .icon {
	background: #00C500;
}
.modern-button.button-misc:hover {
	background: #D2DBDD;
}
.modern-button.button-misc:hover .icon {
	background: #C2CBCD;
}
.modern-button.button-neutral:hover {
	background: #81E8F6;
}
.modern-button.button-neutral:hover .icon {
	background: #45CCDF;
}
.modern-button.button-back:hover {
	background: #D90000;
}
.modern-button.button-back:hover .icon {
	background: #EE0000;
}


.modern-button:active {
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px;
	transform: translateY(2px);
	outline: none;
}

.dual-buttons {
	display: flex;
	justify-content: space-between;
	padding-right: 40px;
}

.box-with-sidepart {
	margin: 20px 0 30px;
	padding-right: 40px;
	display: flex;
}

.side-part {
	flex: 0 0 170px;
}

.bigger-sidepart .side-part {
	flex-basis: 250px;
}

.text-part {
	flex: 1 1 auto;
	line-height: 150%;
}

.buttons-row {
	margin: 30px 40px 30px 0;
}

.box-with-sidepart .images-row {
	text-align: center;
	margin-bottom: 18px;
	position: relative;
}

.box-with-sidepart .portrait {
	max-width: 100px;
	max-height: 100px;
	border-radius: 6px;
}

.box-with-sidepart .header-text {
	font-size: 18px;
	text-align: center;
	color: #333;
	margin-bottom: 15px;
}

.box-with-sidepart .other-text {
	text-align: center;
	color: #777;
}
.box-with-sidepart .other-text div {
	margin-bottom: 5px;
}
.box-with-sidepart .provider-icon {
	max-width: 90px;
	max-height: 52px;
	vertical-align: middle;
	border-radius: 4px;
	margin-left: 4px;
	margin-right: 4px;
}
.box-with-sidepart .icon {
	font-size: 56px;
	vertical-align: middle;
	margin-left: 4px;
	margin-right: 4px;
}
.box-with-sidepart .text-part p:first-child {
	margin-top: 0;
}
.box-with-sidepart .mini-icon-provider {
	position: absolute;
	top: -10px;
	left: calc(50% + 10px);
	background-color: #fff;
	border-radius: 6px;
	padding: 2px;
	max-width: 21px;
	max-height: 21px;
	display: inline-block;
}

.grey-note {
	color: #777;
}

.pseudoheading {
	font-size: 15px;
	color: #AAA;
	margin-bottom: 12px;
}

.social-overview-provider {
	margin-bottom: 6px;
}

.social-overview-provider img {
	max-width: 26px;
	max-height: 26px;
	margin-right: 15px;
}

.social-overview-provider.provider-bigger img {
	max-width: 35px;
	max-height: 35px;
}

.social-overview-provider .not-connected {
	filter: grayscale(1);
	opacity: 0.4;
}

.social-overview .provider-name {
	display: inline-block;
	width: 100px;
	font-weight: bold;
}

.poznamka.hidden {
	display: none;
}

.tip-of-the-day {
	background: #E8F1F4;
	padding: 8px 10px;
	min-height: 35px;
	border-radius: 5px;
	margin-right: 30px;
	display: block;
	transition: all 0.3s;
	color: black;
	margin-bottom: 20px;
}

.tip-of-the-day:hover {
	background: #DCE2E5;
	text-decoration: none;
	color: black;
}

.tip-of-the-day .icon {
	float: left;
	font-size: 35px;
	line-height: 35px;
	display: block;
	margin-right: 8px;
}

.tip-of-the-day .tip-heading {
	font-size: 10px;
	opacity: 0.7;
	display: block;
	margin-bottom: 5px;
}


.lite-news {
	background: #E8F1F4;
	padding: 8px 10px;
	min-height: 35px;
	border-radius: 5px;
	margin-right: 30px;
	display: block;
	transition: all 0.3s;
	color: black;
	margin-bottom: 20px;
}

.lite-news:hover {
	background: #DCE2E5;
	text-decoration: none;
	color: black;
}

.lite-news .icon {
	float: left;
	font-size: 35px;
	line-height: 35px;
	display: block;
	margin-right: 8px;
}

.lite-news .lite-news-heading {
	color: #888;
	display: block;
	margin-bottom: 5px;
}



tr.highlight-row {
	animation: highlight-row 0.4s 4 alternate;
}

@keyframes highlight-row {
	from {
		transform: none;
	}

	to {
		transform: scale(1.15);
		box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
		background-color: #E5E5E5;
	}
}


table.hover-table td {
	transition: all 0.2s;
	padding: 3px 6px;
}

table.hover-table {
	width: 93%;
	border-spacing: 0;
	margin-right: auto;
	margin-left: 0;
}

table.hover-table tr:hover td {
	background-color: #EEE;
}

.tabs {
	margin-bottom: 20px;
	padding-left: 5px;
	border-bottom: solid 1px #bbb;
	vertical-align: bottom;
}

.tabs a:hover {
	background-color: #F4F4F4;
	text-decoration: none;
}

.tabs a {
	display: inline-block;
	border: solid 1px #CFCFCF;
	border-bottom: none;
	background: white;
	margin-right: 0px;
	border-radius: 4px 4px 0 0;
	padding: 6px 15px;
	color: #777;
}

.tabs a.active {
	padding-top: 13px;
	padding-bottom: 6px;
	position: relative;
	top: 1px;
	border-color: #bbb;
	background-color: #E2EBED;
	color: #346;
}

.tabs a.active span {
	position: relative;
	top: -5px;
}

.number-addon {
	display: inline-block;
	margin-right: 10px;
	min-width: 55px;
	text-align: right;
}

.login-form .main-form {
	width: 360px;
	margin-left: 0;
}

.main-form td {
	vertical-align: middle;
	padding: 6px 20px 0 0;
}

.page-login-input {
	font-size: 14px;
	padding: 4px 8px;
	border: solid 1px #CCC;
	transition: all 0.3s;
	border-radius: 4px;
	width: 150px;
	font-size: 13px;
	height: 20px;
}

.page-login-input:focus {
	border-color: #0099CC;
	outline: none;
	box-shadow: rgba(0, 125, 210, 0.5) 0 0 6px;
}

.main-form .permanent-checkbox-cell {
	padding: 10px 0 4px 0;
}

.page-login-actions {
	padding-top: 20px;
}

.page-login-actions a {
	display: inline-block;
	margin-right: 20px;
}

.page-login-form .social-logins a {
	width: 180px;
	margin-right: 30px;
}

.social-logins-info {
	margin: 30px 0 15px;
}

.login-base-info {
	margin-bottom: 20px;
}

.note-list {
	padding: 10px 0;
}

.note-list:not(:last-child) {
	border-bottom: solid 1px #ccc;
}

.note-list .name {
	font-weight: bold;
	margin-bottom: 0.5em;
}

.note-list .delete {
	float: right;
	color: #777;
}

.note-list .delete a {
	color: #777;
}

.note-list .delete a:hover {
	color: #D90000;
	text-decoration: none;
}
.note-list .delete .icon {
	vertical-align: middle;
	margin-right: 5px;
}

a.menu4 .icon {
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: white;
	margin-top: 14px;
	margin-left: 4px;
}

.print-mark {
	display: none;
}
.print-logo {
	display: none;

	img {
		max-width: 1.5cm;
	}
}


.bottom-game-info {
	line-height: 160%;
	margin-top: 20px;
}

.bottom-game-info a {
	text-decoration: underline;
}

.personal {
	margin-top: 10px;
	margin-bottom: 20px;
}

.report-game {
	padding-top: 10px;
	/*padding-right: 20px;*/
	/*text-align: center;*/
}

.report-game a {
	color: #006695;
}

.report-game a .icon {
	display: inline-block;
	margin-left: 3px;
	font-size: 14px;
	vertical-align: middle;
	color: #006695;
}

.similar-games {
	padding-top: 20px;
	line-height: 150%;
}

.similar-games 	strong {
	display: block;
}

.news-2017 p {
	clear: both;
	margin-bottom: 1em;
}

.news-2017-screenshot {
	max-width: 50px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.news-2017-text {
	display: block;
	padding-left: 70px;
}

.levitio-promo-img {
	max-width: 100%; margin-top: 32px;
}