﻿html { 
	/* Pozadí ročníku 2027: jemná síť propojující vědní obory a pracoviště. */
	background: #efefef url(img/background-2027.svg) repeat left top;
	background-size: 320px 320px;
	overflow-y: scroll; 
}

body {
	font-family: Verdana, Tahoma, Arial;
	font-size: 13px;
	color:#000000;
	margin:0;
	padding:0;
}

.datePickerTable {color:#000;}

p {	font-size: 14px;}

li {margin-bottom:6px;}

a {color: #0059a3;}
a:hover{color:#194081;}

#hldiv a {text-decoration:none;}

h2 {
 font-weight:normal;
 font-size:17px;
}

#header {
 height:120px;
 width:1200px;
 max-width: 100%;
 margin:auto;
 text-align:center;
}

#header a {
 color:#0072b6;
 text-decoration:none;
}

#header h1 {
	box-sizing:border-box;
	margin:0;
	padding-top:28px;
	font-size:27px;
	line-height:1.2;
}

#header .header-title-line {
 display:block;
}

#header .header-title-text {
 color:#0072b6;
 font-size:26px;
 font-weight:600;
 letter-spacing:.15px;
 white-space:nowrap;
}

#header_letopocet {
 color:inherit;
 font-size:inherit;
 font-style:normal;
 font-weight:inherit;
 line-height:inherit;
}

#header .header-context {
 display:block;
 margin:0 0 5px;
 color:#6d8491;
 font-size:13px;
 font-weight:normal;
 letter-spacing:1.2px;
}

/* Na tabletu už vedle sebe nemají obě loga a nadpis dostatek místa. */
@media only screen and (max-width:980px) {
 #header .nomobile {display:none;}
}

@media only screen and (max-width:840px) {
 #header {height:105px;padding:0 12px;box-sizing:border-box;}
 #header h1 {padding-top:25px;}
 #header .header-title-text {font-size:23px;}
}

@media only screen and (max-width:500px) {
 #header {height:112px;}
 #header h1 {padding-top:18px;}
 #header .header-title-line {display:block;}
 #header .header-title-text {display:block;font-size:20px;line-height:1.25;white-space:normal;}
 #header .header-context {margin-bottom:3px;font-size:11px;}
}

.prechod {
  -webkit-transition: all 0.5s;  /* Saf3.2+, Chrome */
  -moz-transition: all 0.5s;  /* FF4+ */
  -ms-transition: all 0.5s;  /* IE10 */
  -o-transition: all 0.5s;  /* Opera 10.5+ */
  transition: all 0.5s;
}

#login {
  position: absolute;
	top:0;
	right:0;
  z-index:999;
  color:#000;
	text-align:right;
	padding: 10px;
	float:right;
	font-size: 12px;
	line-height:150%;
}

#login a:hover {
	color:rgba(255,255,255,0.9)!important;
}

#login .login_username{
 display:block;
 padding-bottom:5px;
 font-weight:bold;
}
@media only screen and (max-width: 980px) {
 #login { padding-top:5px;}
 #login .login_username{ display:inline; margin-left: 5px;}
}


#form_prihlaseni,.form_prihlaseni {
 background-color:#0072b6!important;
 width:320px;
 padding:25px;
 display:inline-block;
 color: #fff;
 margin: 40px auto 20px auto;
 display: block;
}

.form_prihlaseni {
 background-color:#1788cc!important;
}

#hldiv {
 margin:auto;
 width:1200px;
 max-width: 100%;
 padding-top:15px;
 background-color: #fff/*#e8f8fc*/;
}

#prihlaseni_wr {background-color:#494848;color:#ccc;font-family:Tahoma; width:112px; border:0;margin-top: 4px;}
#prihlaseni_show a:hover {color:#000!important;}


#locales {box-sizing:border-box;width:1200px;max-width:100%;height:20px;margin:0 auto;text-align:right;position:relative;}
#locales a {cursor:pointer;position:absolute;right:0;top:-14px;text-decoration:none;}
#locales a.language-switch,
.registration-language a.language-switch {display:inline-flex;align-items:center;gap:7px;padding:5px 9px;color:#075f92;background:rgba(255,255,255,.92);border:1px solid #cbdde7;border-radius:16px;box-shadow:0 2px 7px rgba(12,76,108,.1);font-size:11px;font-weight:normal;line-height:1;}
#locales a.language-switch:hover,
.registration-language a.language-switch:hover {color:#004f7c;background:#fff;border-color:#91bfd5;}
#locales a.language-switch img,
.registration-language a.language-switch img {display:block;width:16px;height:11px;margin:0;border:1px solid #d2dadd;object-fit:cover;}

@media only screen and (max-width:600px) {
 #locales {padding-right:20px;}
 #locales a {right:20px;}
 #locales a.language-switch {padding:6px 9px;}
}

/************* MENU */

#menu_container {
 display:none;
 width:1200px;
 max-width: 100%; 	
 background-color:#0072b6;
/* margin-bottom:20px;*/
 text-align:left;
 height: 51px; 	
}

@media only screen and (min-width: 980px) {
  #menu_container {
    display: block;
  }
}

#menu {	list-style-type:none;
 display:inline-block;
 width:100%;
}

#menu a{
 font-size:17px;
 color:#ffffff;
 text-decoration:none;
 line-height:50px;
 height:50px;
 padding-left: 12px;
 padding-right: 12px;
 text-align:left;
 vertical-align: middle;
 display: -moz-inline-block;
 display: inline-block;
}

#menu a:hover{
	color:#fff;
	background-color: #005d95;
}

#menu li:hover ul li:hover{
	color:#fff;
	background-color: #005d95;
}

#menu_right a{
	color:#000;
}

#menu_right a:hover{
	color:#fff;
	background-color: transparent;
}

#menu ul {
  margin:0px; 
  list-style-type:none;
  padding-left: 10px;
}

#menu li {
  display:inline;
  float:left;
  list-style: none;
  z-index:1;
 /* width: 133px;*/
  margin-top:0px;
  margin-left:0px;
  padding-left:10px;
  padding-right:10px;
  margin-bottom:1px;
  overflow:hidden;
  }

#menu li ul li {
  display: table;
  float:none;
  margin:0px;
  height: 32px;
  padding: 4px 8px !important;
  }

#menu li a {
  /*display:inline;*/
  float:left; 
  width: 100%;
  }

#menu li ul {
  visibility:hidden; position:absolute;
  padding-left:0px; padding-top: 50px; padding-right:0px; height:0; overflow:visible; 
  }

#menu li:hover ul, #menu li a:hover ul {
  visibility:visible; 
  height:0px;
  overflow:visible;
  z-index:999;
  padding-left:10px;
  }
#menu li:hover ul li a, #menu li a:hover ul li a { 
  display:table; 
  float:none;
  height:32px; 
  line-height:35px;
  }

#menu li:hover ul li, #menu li a:hover ul li {
 width: 100%; 
 padding-left:0;
 background-color: #459bcf;
}

#menu .ulli_wr{
 column-count: 2;
 column-gap: 30px;
 background-color: #459bcf;
 padding: 0 0 4px 0;
 /*box-shadow: 2px 2px 5px #4e4e4e!important;*/
}
#menu .ulli_wr li{
 display: block!important;
 float: none!important;
 break-inside: avoid;
 height: 43px;
 /*box-shadow:none!important;*/
}

a.BigLink:hover{
	text-decoration:none;
}

td {
	font-size: 14px; vertical-align: top;
}

#vysledky_hledani td { padding: 20px; border-bottom: 1px solid #f0f7f9;}

@media only screen and (max-width: 650px) {
 #vysledky_hledani td { display: list-item; list-style-type: none;}
 .mesicbox td { display: list-item; list-style-type: none;}
 .mesicbox table {min-width:350px!important}    /* aby se tím přepsalo případné min-width:600 apod.*/
 #tdmiddle td { display: list-item; list-style-type: none;text-align: left !important;}
 .studentbox div.ikonka {margin-right:0!important; height:auto;margin-bottom: 10px;}
 .studentbox {padding-top: 15px;}
 * {max-width:100%}
}

td.PageHead{background-color:#3A6EA5;}

#tdmiddle td {vertical-align: middle; text-align:left;}

.SectionTitle{ 
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	background-color:#636363;
}

.SubTitle{
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	background-color:#0195db;
    cursor:pointer;
    padding:10px 20px!important;
}

.SubTitle a {
	font-size: 14px;
	color: #fff;
    text-decoration:none;
}

td.SubTitle {
    border-right: 1px solid #27a5e0;
}

.Button{
	font-size: 13px;
	width:80px;
	height:32px;
}

.SmallText{
	font-size: 10px;
}
.LightLine{
	background-color:#fff;
	color: #000;
}
.DarkLine{
	background-color:#f0f7f9;
	color: #000;
}


input[type=text], input[type=password], select { color:#000; border: 1px solid #CCCCCC; /*height:18px; padding-left:3px;*/}
input[type=file] { padding: 8px!important; border: 1px solid #ccc;background-color: transparent;}

select {height:27px;background-color:#fff;}

input[type=text], input[type=password], input[type=file] { padding:4px;}

input[type=radio] {height:12px; margin-left:0px; margin-right:6px;}

option {padding:0.3em;}

textarea { border: 1px solid #CCCCCC;font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 14px; padding: 2px;color:#000; }


hr { height: 0px; border-width: 0; border-bottom: 1px solid #CCCCCC; }

table.Tdetail {border: solid 1px #CCCCCC; border-collapse: collapse; border-spacing: 0px; color: #000;}

table.Tdetail td {border: solid 1px #CCCCCC; text-align:left;}

table.bezCar {border: none; border-collapse: collapse; border-spacing: 0px; color: #000;}
table.bezCar td {border: none; text-align:left;}



#chyba { background-color: #f27281; font-size:9px; font-family: Tahoma, Helvetica, Arial; padding:2px; text-transform: uppercase;}

pre {border:1px solid silver;padding:5px;overflow:hidden;width:840px; max-width: 100%;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#footer {color:#acacac;
	padding:20px 0;
	font-size: 13px;
	margin-top:25px;
	}
#footer a {color:#acacac;}

.hvezda {color: #0072b6; font-weight: bold;}

.paginate {
	padding: 3px;
	margin: 3px;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #0195db;
	text-decoration:none;
	color: #0195db;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #fff;
	color: #fff;
    background-color: #0195db;
}
.paginate span.current {
	margin: 2px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #0195db;
	font-weight: bold;
	background-color: #0195db;
	color: #FFF;
}
.paginate span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #CECECE;
	color:#CECECE;
}
	
.sedygradient {
	background-color: #fff;
/*	background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(227, 247, 251));
	background-repeat: repeat-x;
	/*border-radius: 4px 4px 4px 4px;*/
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.067);
	border: 1px solid rgb(221, 221, 221);
}

.verttab td {vertical-align: middle;}

.kolecko {
	background: transparent url('img/kolecko.png') no-repeat top left;
	height: 41px;
	width: 52px;
	padding-left: 16px;
	color:#fff;
	font-size: 16px;
	float:left;
}

.koleckovy_nadpis {
	line-height: 41px;
	color:#0195db;
	font-size:14px
}

a.bighref {
 text-transform: uppercase; 
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 font-weight: bold;
 padding:8px;
 background-color:#86C127;
 color:#fff;
 text-decoration:none;
}

a.bighref:hover { background-color:#9FD34C;}

a.bighref.blue {
 background-color:#0093DD;
 cursor:pointer;
}

a.bighref.blue:hover { background-color:#07AEFF;}

a.bighref.grey {
 background-color:#DDDDDD;
}

.nastenka {
 text-align:left;
 padding: 25px; 
 display:inline-block;
/* min-width: 550px;*/
 max-width: 100%;
}


@media only screen and (max-width: 500px) {

 .nastenka {
  width: 100%;
 }

}

.nastenka_odkazy{
 float:left;
 margin-left: 25px;
 margin-top: 10px;
}

.nastenka_odkazy a {
 line-height:35px;
}

#kalendar_wr {margin-left: 25px; float: left;}

#ie-warning {background:#dc0032;padding:10px 20px;text-align:center;color:#fff}
#ie-warning a,#ie-warning h2 {color:#fff}

.obor {
 margin-top:3px;
 padding:6px;
 cursor:pointer;
}

.ssvs {
 margin-top:8px;
 padding:10px;
 cursor:pointer;
 border:1px solid #DDD;
}

.ssvs:hover {
 border:1px solid #000;
}

.ssvs.aktiv{
 cursor:default;
 border:1px solid #000;
 background-color: #CEE2FF;
}

.xpriorita1 {background-color:#E9E080!important;}

.regtable td:first-child {text-align:right!important;padding-right: 20px;}
.regtable input {padding:5px;}

/* Veřejné registrace sdílejí jeden střídmý, responzivní formulářový vzhled. */
.registration-page-title,
.registration-hero {box-sizing:border-box;max-width:960px;margin:25px auto 16px;padding:0 24px;line-height:1.35;}
.registration-page-title {font-size:19px;}
.registration-hero h2 {margin:8px 0;font-size:18px;line-height:1.35;}
.registration-hero p {margin:12px 0 0;}
.registration-page #hldiv.registration-panel {box-sizing:border-box;width:960px;max-width:calc(100% - 32px);padding:0 34px 32px;background:#fff;border:1px solid #d8e4eb;border-radius:4px;box-shadow:0 4px 16px rgba(14,79,112,.08);}
.registration-language {display:flex;justify-content:flex-end;min-height:31px;padding-top:12px;}
.registration-page form[name="rez_form"] {box-sizing:border-box;max-width:760px;margin:0 auto;}
.registration-page .regtable {width:100%;border-collapse:separate;border-spacing:0;}
.registration-page .regtable td {padding-top:7px;padding-bottom:7px;}
.registration-page .regtable td:first-child {box-sizing:border-box;width:235px;}
.registration-page .regtable input[type="text"],
.registration-page .regtable input[type="password"],
.registration-page .regtable select,
.registration-page .regtable textarea {box-sizing:border-box;border-color:#c8d4db;}
.registration-page .regtable input:focus,
.registration-page .regtable select:focus,
.registration-page .regtable textarea:focus {outline:2px solid rgba(0,114,182,.18);border-color:#5aa1c8;}
.registration-page .registration-section td {width:auto!important;padding:24px 0 9px!important;text-align:left!important;color:#075f92;border-bottom:1px solid #dce8ee;font-size:15px;line-height:1.45;}
.registration-page .registration-section:first-child td {padding-top:7px!important;}
.registration-page .registration-notice-row td {width:auto!important;padding:10px 0 4px!important;text-align:left!important;}
.registration-page .registration-notice {padding:16px 19px;background:#eef7fc;border:1px solid #cfe4f0;border-left:4px solid #0780bd;border-radius:3px;color:#263f4c;line-height:1.5;}
.registration-page .registration-notice p {margin:0 0 10px;}
.registration-page .registration-notice ul {margin:0;padding-left:20px;}
.registration-page .registration-notice li {margin:5px 0;}
.registration-page input[type="submit"].blueButton {margin-top:18px;padding:11px 19px;}
.registration-privacy {box-sizing:border-box;max-width:860px;margin:28px auto 0;padding:17px 19px;text-align:left;background:#f7fafc;border:1px solid #dce6ec;border-radius:3px;font-size:11px;line-height:1.5;}
.registration-page #footer {box-sizing:border-box;width:960px;max-width:calc(100% - 32px);margin:0 auto 25px;padding:27px 20px;background:#fff;border:1px solid #d8e4eb;border-top:0;border-radius:0 0 4px 4px;}
.password-reset-panel {min-height:470px;}
.password-card {box-sizing:border-box;width:430px;max-width:100%;margin:40px auto 55px;padding:27px 30px;text-align:left;background:#f7fafc;border:1px solid #d6e4ec;border-top:4px solid #087db6;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.08);}
.password-card h2 {margin:0 0 22px;color:#075f92;font-size:19px;font-weight:normal;text-align:center;}
.password-card table {width:100%;}
.password-card td {padding:5px 3px;line-height:1.45;}
.password-card input[type="text"],
.password-card input[type="password"] {box-sizing:border-box;width:100%!important;padding:8px;border-color:#c8d4db;}
.password-card input:focus {outline:2px solid rgba(0,114,182,.18);border-color:#5aa1c8;}
.password-card input[type="submit"] {float:right;}
.registration-status-panel {min-height:390px;}
.registration-status {box-sizing:border-box;max-width:620px;margin:48px auto 65px;padding:30px 32px;text-align:center;background:#f7fafc;border:1px solid #d6e4ec;border-top:4px solid #087db6;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.08);}
.registration-status h2 {margin:0 0 17px;color:#075f92;font-size:21px;font-weight:normal;}
.registration-status p {margin:9px 0;color:#405763;font-size:14px;line-height:1.55;}
.registration-status .blueButton {display:inline-block;margin-top:20px;padding:10px 17px;text-decoration:none;}

@media only screen and (max-width:650px) {
 .registration-page-title,
 .registration-hero {margin:21px auto 14px;padding:0 22px;font-size:18px;}
 .registration-hero h2 {font-size:17px;}
 .registration-page #hldiv.registration-panel {max-width:calc(100% - 24px);padding:0 10px 24px;}
 .registration-language {padding:10px 2px 2px;}
 .registration-page form[name="rez_form"] {width:100%;padding:0 0;}
 .registration-page .regtable td {box-sizing:border-box;width:100%!important;padding:0 0 5px;}
 .registration-page .regtable td:first-child {padding:10px 0 4px;text-align:left!important;}
 .registration-page .regtable input[type="text"],
 .registration-page .regtable input[type="password"],
 .registration-page .regtable textarea {width:100%!important;}
 .registration-page .regtable select {max-width:100%;}
 .registration-page .regtable #psc {width:120px!important;}
 .registration-page .regtable .date-dropdowns select {width:auto;}
 .registration-page .registration-section td,
 .registration-page .registration-section:first-child td {padding:22px 0 7px!important;}
 .registration-privacy {margin-top:22px;padding:14px 12px;}
 .registration-page #footer {max-width:calc(100% - 24px);padding:25px 14px;line-height:1.5;}
 .password-reset-panel {min-height:430px;}
 .password-card {width:100%;margin:25px auto 35px;padding:23px 16px;}
 .password-card #tdmiddle td {display:block;width:100%;padding:4px 0;}
 .registration-status-panel {min-height:360px;}
 .registration-status {margin:28px auto 40px;padding:25px 16px;}
}

.blueButton {
    background-color: #0072b6;
    color: #fff;
    padding: 15px;
    border: 0;
    font-size: 14px;
    cursor:pointer;
}

.blueButton:hover {background-color:#194081; transition: background-color 400ms linear;; color:#fff; }

.nezletili {display:none}
#search_result {padding:10px 0 10px 10px; max-height:250px; overflow:auto}



.menu-toggle {
/*  float: right;*/
  margin: 22px 15px;
}
.menu-toggle button {
  width: 36px;
  height: 36px;
  background-color: transparent;
  color: #0072b6;
  border: none;
  font-size: 40px;
  outline: none;
}
@media only screen and (min-width: 980px) {
  .menu-toggle {
    display: none;
  }
}


.menu-mobile {
  display: none;
  background-color: #0072b6;
  clear: both;
}
.menu-mobile ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-mobile ul li {
  border-top: 1px dotted #fff;
  margin: 0;
}
.menu-mobile ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  color: #fff;
  font-size:19px;
}


@media only screen and (max-width: 840px) {

.nomobile {display:none}

}



.stazbox {
 clear:both;
 padding: 15px;
 border: 1px solid #ccc; 
 margin-bottom: 20px;
 width:97%;
}

.stazbox h2{
 font-weight:bold;
 margin: 5px 0 22px 0;
}


/*.studentbox {vertical-align: middle;}*/
.studentbox {clear:both;}
.studentbox div {margin-right: 16px;display: inline-block; height: 75px;float: left;}
.studentbox div a {text-decoration: none;cursor:pointer;}
.student-vystupy {display:inline-block;float:left;margin:3px 18px 12px 0;padding:8px 10px;background:#f0f7fb;border-radius:4px;line-height:1.8;}
.student-vystupy a {display:inline-block;margin-left:10px;cursor:pointer;text-decoration:underline!important;}
.student-vystupy .vystup-disabled {display:inline-block;margin-left:10px;color:#a3adb3;cursor:default;}
.vystup-readonly {display:inline-block;padding:7px 12px;color:#4f5c66;background:#f1f5f7;border:1px solid #d5dee3;border-radius:4px;}
@media only screen and (max-width: 650px) {
 .student-vystupy {float:none;clear:both;margin-top:10px;}
}


.topbox {text-align:right}
.topbox img {margin-left:20px;}

/* Deník: kompaktní karty měsíců nahrazují velké barevné bloky. */
.denik-page {padding:20px 14px 5px;box-sizing:border-box;}
.denik-page > h2 {font-size:22px;font-weight:bold;margin:12px 0 25px;}
.denik-info {
 width:560px;
 box-sizing:border-box;
 padding:25px;
 margin:0 auto 35px;
 background:#fff;
 border:1px solid #dce3e8;
 border-radius:6px;
 box-shadow:0 2px 8px rgba(35,55,70,.10);
}
.denik-info-project {color:#6c7780;margin-bottom:18px;}
.denik-info-row {display:flex;line-height:1.55;margin:5px 0;}
.denik-info-row span {flex:0 0 180px;color:#4f5c66;}
.denik-info-row b {flex:1;}

.mesicbox_wr {
 background-color:#fff;
 text-align:left;
 position:relative;
 margin:0 0 18px;
 border:1px solid #dce3e8;
 border-left:4px solid #f39a31;
 border-radius:6px;
 box-shadow:0 2px 8px rgba(35,55,70,.09);
}
.mesicbox_wr.denik-stav-2 {border-left-color:#459bcf;}
.mesicbox_wr.denik-stav-3 {border-left-color:#70ad5a;}
.mesicbox_head {
 min-height:68px;
 box-sizing:border-box;
 display:flex;
 align-items:center;
 gap:20px;
 padding:14px 54px 14px 18px;
 cursor:pointer;
 background:#fff;
}
.mesicbox_wr.is-open .mesicbox_head {border-bottom:1px solid #e5ebef;}
.mesicbox_wr h3 {text-align:left;padding:0;background:transparent;cursor:pointer;margin:0;font-size:20px;font-weight:normal;}
.denik-status {
 display:inline-block;
 border:1px solid #f2c18d;
 border-radius:5px;
 padding:5px 10px;
 color:#d36b00;
 background:#fff8f0;
 font-size:12px;
 font-weight:bold;
 text-transform:uppercase;
 line-height:1.2;
}
.denik-stav-1 .denik-status {color:#b55d00;background:#fff7eb;border-color:#efc184;}
.denik-stav-2 .denik-status {color:#24729f;background:#f1f8fc;border-color:#acd0e5;}
.denik-stav-3 .denik-status {color:#44823d;background:#f2f9ef;border-color:#bddbb7;}
.denik-warning {width:24px;height:24px;}
.mesicbox_toggle {
 position:absolute;
 right:22px;
 top:25px;
 width:10px;
 height:10px;
 border-right:3px solid #46515a;
 border-bottom:3px solid #46515a;
 transform:rotate(45deg);
 transition:transform .2s ease,top .2s ease;
}
.mesicbox_wr.is-open .mesicbox_toggle {transform:rotate(225deg);top:30px;}
.mesicbox {display:none;background:#f7fbfd;padding:18px 12px 14px;}
.mesicbox .colCaption {color:#6f7c86;margin-bottom:12px;}
.mesicbox > br:first-child {display:none;}

.denik-entries {background:#fff;border:1px solid #dce3e8;border-radius:5px;border-collapse:separate;}
.denik-entries td {padding:12px 10px;line-height:1.65;}
.denik-entries .denik-entry-row td {border-top:1px solid #e6ebee;}
.denik-entries .denik-entry-row td:first-child {width:75px;font-weight:bold;}
.denik-entries .denik-entry-row td:nth-child(2) {width:90px;font-weight:bold;}
.denik-entry-form {border-color:#dce3e8;box-shadow:none;padding:14px!important;}
.denik-entry-form > tbody > tr:first-child td {padding-bottom:14px;font-size:15px;}
.denik-entry-form input[type=text],.denik-entry-form textarea {box-sizing:border-box;border-color:#c6d0d6;padding:7px;background:#fff;}
.denik-entry-form textarea {min-height:92px;resize:vertical;}
.denik-entry-form .blueButton {border-radius:3px;text-transform:uppercase;font-weight:bold;}

/* Akce už byly absolutně umístěné; nyní sedí v hlavičce otevřené karty. */
.denik-page .btn_wr {right:58px;top:18px;height:auto;display:flex;align-items:center;gap:8px;z-index:2;}
.denik-page .btn_part_right {display:flex;align-items:center;gap:7px!important;margin:0!important;float:none!important;}
.denik-page .btn_part_right > div {display:flex;align-items:center;margin:0!important;float:none!important;}
.denik-page .btn_wr a {white-space:nowrap;}
.denik-page .btn_wr img[alt="zamknuto"] {height:24px!important;}
.denik-page .btn_wr .bighref {padding:8px 10px;font-size:12px;}

@media only screen and (max-width: 760px) {
 .denik-page {padding-left:7px;padding-right:7px;}
 .denik-info {width:100%;padding:18px;}
 .denik-info-row {display:block;margin:10px 0;}
 .denik-info-row span {display:block;margin-bottom:2px;}
 .mesicbox_head {display:block;padding:14px 48px 14px 14px;}
 .mesicbox_wr h3 {margin-bottom:9px;}
 .denik-status {font-size:11px;}
 .denik-page .btn_wr {position:static;justify-content:flex-end;margin:0 3% 14px;flex-wrap:wrap;}
 .mesicbox {padding-left:4px;padding-right:4px;}
 .denik-entry-form td {display:block!important;width:auto!important;}
 .denik-entry-form input[type=text],.denik-entry-form textarea {max-width:100%;}
}


.max600 {width:100%;}

@media only screen and (min-width: 600px) {
 .max600 {width:600px;}
}


.hideOnMobile {display:revert}

@media only screen and (max-width: 600px) {
 .hideOnMobile {display:none}
}


.showOnMobile {display:none}

@media only screen and (max-width: 600px) {
 .showOnMobile {display:revert}
}



#userPhoto {position:relative;}

#userPhoto .userPhotoLink {
 display:none;
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 padding:8px;
 background-color:rgba(0,0,0,0.5);
 text-align:center;
}

#userPhoto:hover .userPhotoLink {display:block;}
#userPhoto .userPhotoLink a {text-transform:uppercase; text-decoration:none;font-size:13px;color:#fff;cursor:pointer;}
#userPhoto .userPhotoLink a:hover {color:#75b6ec;}

div.hp_student_staze {float: right;max-width: 765px;}

@media only screen and (min-width: 1200px) {

 div.hp_student_staze {width:965px;max-width:965px;}

}

.btn_wr {position:absolute; right:20px; top:17px; /*width:150px;*/height:70px;text-align:center;}

#rozsirene {margin-bottom:15px;}

.onHover {display:none; cursor:pointer;}
.showHover:hover .onHover {display:inline;}
.showHover {position:relative}

table.firstTDright td:first-child {text-align:right!important;}

#newNews {display:none; text-align: left; padding-left: 20px;}
#newNews textarea {width:810px;}
table.news {margin-bottom:5px;padding:0;min-width: 810px;}
table.news td {padding:5px; border-bottom: 1px solid #ccc;font-size:13px;vertical-align: middle;}
table.news td:first-child {min-width:200px; font-size:16px;}

td.priorita1 {color:#df7777;}
td.priorita2 {color:#d02f2f;}
td.priorita3 {color:#fff;background-color:#d02f2f;}
td.priorita4 {color:#fff;background-color:#e60000;}
.SubTitleLog {cursor: pointer; }
.SubTitleLog a { font-size: 15px; color: #797979; text-decoration: none;}
.log_filtr {width:958px;padding:10px 20px;border: 1px solid #CCC;}

tr.trgrey td {background-color:#fff9e5;}

.rozsirene {display:none}
.sediva {color:#8f8f8f;}


#searchBoxes {
 position:relative;
 height:0;
}

#searchBoxes2 {
 width: 1030px;
 position:absolute;
 height:0px;
 top:-32px;
 right:0;
}

.searchBox {
display:inline-block;
float:right;
padding-right:15px;
}
#searchBoxes2:first-child {  /* ponechá vpravo místo pro přepínač jazyka */
  padding-right: 70px;
}

.searchBox input {
 font-size:14px;
 height:22px;
 width: 170px;
}

#prehled_top {
 width:1200px;
 background-color: #edf8ff;
 padding: 6px;
 text-align:center;
 margin-bottom: 30px;
 color: #0072b6;
 max-width: 100%;
}

.admin-dashboard {box-sizing:border-box;max-width:1080px;margin:0 auto;padding:34px 15px 0;text-align:left;}
.dashboard-summary {display:flex;align-items:stretch;justify-content:center;gap:20px;margin:0 auto 28px;max-width:835px;}
.hp_block {box-sizing:border-box;text-align:left;font-size:14px;}
.hp_block h2 {margin:0;color:#075f92;font-size:18px;font-weight:normal;}
.dashboard-card {margin:0;padding:20px 22px;background:#fff;border:1px solid #d4e4ed;border-top:4px solid #087db6;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.09);}
.dashboard-card-dos {flex:0 0 210px;}
.dashboard-card-value {margin:15px 0 1px;color:#087db6;font-size:34px;font-weight:bold;line-height:1;}
.dashboard-card-value span {margin-left:5px;color:#83939d;font-size:17px;font-weight:normal;}
.dashboard-card-label {color:#657680;font-size:12px;}
.dashboard-progress {height:6px;margin-top:17px;overflow:hidden;background:#e5eef3;border-radius:4px;}
.dashboard-progress span {display:block;height:100%;background:#83bd24;border-radius:4px;}
.dashboard-card-diaries {flex:1;min-width:0;}
.dashboard-card-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px;}
.dashboard-legend {color:#687985;font-size:11px;line-height:1.8;white-space:nowrap;}
.dashboard-legend span {display:block;}
.dashboard-legend span:before {display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;content:"";}
.dashboard-legend .lecturer:before {background:#52a4d2;}
.dashboard-legend .admin:before {background:#79ad55;}
.dashboard-months {display:flex;gap:7px;justify-content:space-between;}
.dashboard-month {flex:1;min-width:31px;text-align:center;}
.dashboard-month b {display:block;margin-bottom:7px;color:#526772;font-size:12px;}
.dashboard-month span {display:block;margin:3px auto;padding:4px 2px;border-radius:3px;font-size:12px;}
.dashboard-month .lecturer {color:#15678f;background:#e7f4fb;}
.dashboard-month .admin {color:#477a32;background:#edf6e8;}
.dashboard-gallery {position:relative;display:block;max-width:1040px;margin:0 auto;padding:21px 20px 50px;overflow:hidden;background:#eef7fc;border:1px solid #d3e7f2;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.07);}
.dashboard-section-heading {display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:17px;}
.dashboard-section-heading h2 {margin:0;color:#075f92;font-size:18px;font-weight:normal;}
.dashboard-section-heading span {color:#71838e;font-size:12px;}
.dashboard-photo-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;max-height:151px;overflow:hidden;}
.dashboard-gallery.is-expanded .dashboard-photo-grid {max-height:none;}
.dashboard-photo {min-width:0;overflow:hidden;background:#fff;border:1px solid #d4e2ea;border-radius:3px;box-shadow:0 2px 6px rgba(21,75,101,.08);}
.dashboard-photo a {display:block;height:112px;overflow:hidden;background:#dbe8ee;}
.dashboard-photo img {display:block;width:100%;height:112px;object-fit:cover;transition:transform .2s ease;}
.dashboard-photo:hover img {transform:scale(1.035);}
.dashboard-photo > span {display:block;overflow:hidden;padding:8px 9px;color:#445964;font-size:11px;line-height:14px;text-overflow:ellipsis;white-space:nowrap;}
.dashboard-empty {grid-column:1/-1;margin:12px 0;color:#617580;}
.hp_block.foto .href_vice {position:absolute;right:20px;bottom:13px;display:inline-block;padding:6px 10px;cursor:pointer;background:#087db6;border-radius:3px;}
.hp_block.foto .href_vice a {color:#fff;text-decoration:none;}
.dashboard-chart-panel,
.dashboard-news-panel {box-sizing:border-box;max-width:1040px;margin:28px auto 0;padding:21px 20px 22px;background:#fff;border:1px solid #d9e7ef;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.07);}
.dashboard-chart {width:934px;max-width:100%;height:350px;margin:0 auto;}
.dashboard-actions {display:flex;align-items:stretch;justify-content:center;gap:18px;box-sizing:border-box;max-width:1040px;margin:0 auto;padding:28px 10px 32px;text-align:center;}
.dashboard-actions > a,
.dashboard-actions > div {display:flex;align-items:stretch;margin:0;vertical-align:top;}
.dashboard-actions > a,
.dashboard-actions > div > a {display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:49px;margin:0;padding:12px 16px;line-height:1.35;}
.dashboard-actions > div {position:relative;}
.dashboard-actions #export_wr {top:calc(100% + 8px)!important;z-index:20;}
.dashboard-news-panel .news {width:100%;}
.dashboard-news-panel > a {display:inline-block;margin:2px 20px 0;}
.dashboard-news-panel textarea {box-sizing:border-box;max-width:100%;}

@media (max-width:900px) {
 .dashboard-summary {display:block;}
 .dashboard-card {margin-bottom:15px;}
 .dashboard-card-dos {width:auto;}
 .dashboard-photo-grid {grid-template-columns:repeat(3,minmax(0,1fr));max-height:303px;}
}

@media (max-width:600px) {
 .admin-dashboard {padding-right:8px;padding-left:8px;}
 .dashboard-gallery {padding-right:12px;padding-left:12px;}
 .dashboard-section-heading {display:block;}
 .dashboard-section-heading span {display:block;margin-top:6px;}
 .dashboard-photo-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .dashboard-chart-panel {padding:17px 4px 16px;}
 .dashboard-news-panel {padding-right:12px;padding-left:12px;}
 .dashboard-actions {flex-direction:column;align-items:center;gap:12px;padding:24px 8px 28px;}
 .dashboard-actions > a,
 .dashboard-actions > div {width:100%;max-width:360px;margin:0;}
 .dashboard-actions > div > a {width:100%;}
}

.konference_blok {
  text-align: left;
  padding: 15px 20px 35px 20px;
  background-color: #edf8ff;
  margin-bottom: 30px;
}
.konference_blok_in{
 padding-left:30px;
 padding-top:10px;
}

.konference_info {
 max-width:900px;
 margin:18px 0 5px;
 padding:14px 16px;
 line-height:1.55;
 color:#24506a;
 background:#fff;
 border:1px solid #b8d9eb;
 border-left:4px solid #0072b6;
 border-radius:4px;
 box-sizing:border-box;
}

.file_span {display:inline-block; padding:10px; background-color:#fff;margin:3px 10px 3px 0;}

.option_item {
 /*max-width: 500px;*/
 text-align: left;
 margin-bottom: 20px;
 display:table-row;
}

.option_name {
 display: table-cell;
 width: 190px;
 text-align: right;
 padding-right: 20px;
 padding-bottom: 20px;
 vertical-align: top;
}
.option_val {
 display: table-cell;
 padding-bottom: 20px;
 width: 360px;
}

table.tab001 td{
 border-bottom:1px dotted #a8e1ff;
 padding:10px 0;
}
table.tab001 tr:last-child td{
 border-bottom:0;
}
.zbyva{
 font-size:13px;
 color:#757575;
}

/* add to bootstrap notify: */
.alert {box-shadow: 6px 6px 6px #8b8b8b;}
.alert-success { border-color: #3c763d; }
.alert-danger { border-color: #a94442; }
.alert-warning { border-color: #856404; }

.alert a {
  color: #0072b6 !important;
}

.done10003 {
 font-weight:bold;
 font-size:28px;
 float:left;
 margin-right: 8px;
 color: #0195db;
}

a.btn_blue {
  cursor: pointer;
  width: 188px;
  height: 34px;
  display: inline-block;
  background: rgb(1,65,136);
  background: linear-gradient(0deg, rgba(1,65,136,1) 0%, rgba(67,147,218,1) 100%);
  text-align: center;
  margin: 10px 20px 10px 0;
  font-size: 18px;
  padding-top: 4px;
  color:#fff;
  border-radius: 5px;
}

a.btn_blue.disabled {
 cursor: default;
 background: rgb(98,98,98);
 background: linear-gradient(0deg, rgba(98,98,98,1) 0%, rgba(200,200,200,1) 100%);
}

img[title="Upravit"]:hover, img[title="Upravit stáž"]:hover, img[title="Kopírovat do nového záznamu"]:hover, img[title="Smazat"]:hover, img[title="Zaslat e-mail"]:hover, img[title="Upravit informace o studentovi"]:hover {
  filter: brightness(1.1) saturate(1.1);
}

#posuvnik {
    display:none;
    background-color: #939598;
    position: fixed;
    right: 0;
    top: 41%;
    width: 50px;
    padding: 8px;
}
#posuvnik a{
 display:block;
 line-height: 1;
 cursor:pointer;
}
#posuvnik a:hover{
 opacity:0.7;
}

.move_up {
 display:none;
 position:absolute;
 right:5px;
 top:5px;
 width:30px;
 height:30px;
 font-size:25px;
 text-align:center;
 cursor:pointer;
}

tr.posuvny_radek:hover .move_up {display:block!important;}
tr:not(.posuvny_radek) + tr.posuvny_radek:hover .move_up {display:none!important;}  /* u 1. řádky neukáže šipku nahoru */

.tab-pane {padding-top:30px;padding-bottom:30px}

.btn_plus {
  background-color: #0071b8;
  color: #fff;
  padding: 1px 9px;
  border: 0;
  font-size: 23px;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, box-shadow 0.3s, transform 0.3s;
  margin-right:8px;
}

.btn_plus::before {
  content: '+';
}

.add_field_wr {text-align: right;margin-top: 15px;clear:both;}
.add_field_wr a {display:flex;width:250px; align-items: center; margin-left: auto;}
.add_field_wr a:hover .btn_plus {background-color:#003a5f;}

tr td.nazev {
  position: relative;
}

tr.vypnuto td.nazev {
  opacity: 0.5;
}
tr.vypnuto td.nazev:hover {
  opacity: 1;
}

.povin::after {
  content: "*";
}

#regform input, #regform select, #regform textarea {
  border: 1px solid #aeaeae;
  padding: 4px;
  background-color: #fff;
}
#regform .row input {
  height: auto;
}

.donegrey_img:hover {filter: brightness(0.9);}

.move-dialog-modal .modal-header {
    cursor: move;
}

.move-dialog-modal .modal-dialog {
    max-width: calc(100vw - 30px);
}

@media (max-width: 767px) {
    .move-dialog-modal .modal-dialog {
        width: auto !important;
        margin: 10px;
    }
}

/* Jasně oddělené uložení konceptu od definitivního odeslání evaluace. */
.evaluation-actions-help {box-sizing:border-box;max-width:720px;margin:28px auto 10px;padding:12px 15px;color:#526772;background:#f3f8fb;border:1px solid #d8e7ef;border-radius:3px;font-size:12px;line-height:1.5;}
.evaluation-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0 30px;}
.evaluation-actions .blueButton {margin:0;padding:10px 16px;}
.evaluation-final-info {max-width:720px;margin:28px auto;padding:15px;color:#3f6532;background:#edf6e8;border:1px solid #d5e8ca;border-radius:3px;}

/* Jednotné osobní sekce stážisty – karta zůstává oddělená od administrace. */
.student-page {box-sizing:border-box;padding:28px 34px 38px;text-align:left;}
.student-page-title {margin:0 0 25px;padding:0 0 14px;color:#075f92;border-bottom:1px solid #dce8ee;font-size:22px;font-weight:normal;text-align:left;}
.student-card {box-sizing:border-box;max-width:100%;margin:0 0 26px;padding:24px 26px;background:#fff;border:1px solid #d8e4eb;border-top:4px solid #087db6;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.08);}
.student-card--info {border-top-color:#49a4cf;}
.student-card--conference {border-top-color:#168ab0;}
.student-card--presentation {border-top-color:#76589b;}
.student-card--evaluation {border-top-color:#79ad55;}

/* Nahrávání souborů má vlastní, ale stále nativní ovládání a funguje i bez JS. */
.student-page .student-upload-card,
.student-conference-page table.sedygradient {box-sizing:border-box;width:100%;margin:18px 0 0!important;padding:17px!important;background:#f7fafc;border:1px solid #d7e3ea;border-radius:4px;box-shadow:none;}
.student-page .student-upload-card td,
.student-conference-page table.sedygradient td {padding:7px 9px;vertical-align:middle;}
.student-page input[type=file] {box-sizing:border-box;max-width:100%;padding:5px!important;color:#526772;background:#fff;border:1px solid #cbd9e1;border-radius:4px;}
.student-page input[type=file]::file-selector-button {margin:-5px 10px -5px -5px;padding:10px 14px;color:#fff;background:#087db6;border:0;border-right:1px solid #076b9b;cursor:pointer;font-family:inherit;}
.student-page input[type=file]::file-selector-button:hover {background:#075f92;}
.student-upload-help {margin-bottom:9px;color:#657680;font-size:11px;}
.student-upload-trigger {display:inline-block;margin:18px 0;padding:10px 14px;color:#fff!important;background:#087db6;border-radius:3px;cursor:pointer;text-decoration:none!important;}
.student-upload-trigger:hover {background:#075f92;}

/* Galerie používá stejně velké náhledy a na mobilu se plynule skládá pod sebe. */
.student-photo-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px;}
.student-photo-card {position:relative;display:block!important;min-width:0;padding:7px;background:#fff;border:1px solid #d5e2e9;border-radius:4px;box-shadow:0 2px 8px rgba(20,75,101,.08);}
.student-photo-preview {display:block;height:145px;overflow:hidden;background:#e8f0f4;border-radius:2px;}
.student-photo-preview img {display:block;width:100%;height:145px;object-fit:cover;float:none!important;}
.student-photo-card > a:not(.student-photo-preview) {display:inline-block;margin:7px 5px 0 2px;}
.student-empty-state {margin:5px 0 25px;padding:30px;color:#71838e;background:#f7fafc;border:1px dashed #cbdce5;border-radius:4px;text-align:center;}
.student-privacy-note {margin-top:34px;padding:16px 18px;color:#687985;background:#f7fafc;border:1px solid #e0e8ed;border-radius:4px;font-size:11px;line-height:1.55;text-align:left;}

/* Profil a evaluace sdílejí stejné rozměry a optický rytmus karet. */
.student-account-page > form[name=rez_form] {box-sizing:border-box;max-width:720px;margin:0 auto;padding:24px 30px;background:#fff;border:1px solid #d8e4eb;border-top:4px solid #087db6;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.08);text-align:center;}
.student-account-page > form[name=rez_form] #tdmiddle {margin:0 auto;text-align:left;}
.student-account-page > form[name=rez_form] #tdmiddle td {padding:6px 8px;}
.student-account-page > form[name=rez_form] input[type=text],
.student-account-page > form[name=rez_form] input[type=password],
.student-account-page > form[name=rez_form] select {box-sizing:border-box;max-width:100%;padding:7px;border-color:#c6d4dc;border-radius:3px;}
.student-profile-photo {box-sizing:border-box;width:320px;max-width:100%;margin:28px auto 0;padding:14px;background:#f5f9fb;border:1px solid #d8e4eb;border-radius:4px;text-align:left;}
.student-profile-photo img {border-radius:3px;}
.evaluation-intro {width:960px;margin-right:auto;margin-left:auto;line-height:1.6;text-align:left;}
.evaluation-form {width:960px;margin:28px auto 0!important;text-align:left;}
.evaluation-form input[type=text],.evaluation-form input[type=number],.evaluation-form select,.evaluation-form textarea {box-sizing:border-box;padding:7px!important;border-color:#c6d4dc!important;border-radius:3px;}
.student-conference-page .konference_blok {margin-bottom:26px;background:#fff;}
.student-conference-page .konference_blok_in {padding:10px 3px 0;}
.student-conference-page .file_span {border:1px solid #d8e4eb;border-radius:3px;box-shadow:0 1px 4px rgba(14,79,112,.06);}
.student-internships-page #vybrane_staze > h2 {margin:0 0 24px;padding:0 0 14px;color:#075f92;border-bottom:1px solid #dce8ee;font-size:22px;font-weight:normal;}
.student-internships-page #vybrane_staze > div > table.sedygradient {border-top:4px solid #49a4cf;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.08);}
.student-internships-page #vybrane_staze > div > table.sedygradient .SubTitle {color:#075f92;background:#f5f9fb;}
.student-internships-page #vybrane_staze > div > table.sedygradient .SubTitle a {color:#075f92;}
.student-search-page .student-filter-bar {box-sizing:border-box;margin:0 0 26px!important;padding:18px!important;background:#f7fafc;border:1px solid #d8e4eb;border-top:4px solid #49a4cf;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.07);}
.student-search-page .student-filter-bar input[type=text],.student-search-page .student-filter-bar select {height:34px;box-sizing:border-box;border-color:#c6d4dc;border-radius:3px;}
.student-search-page .student-filter-bar .blueButton {height:34px;padding:7px 13px!important;}

@media (max-width:800px) {
 .student-page {padding:22px 18px 30px;}
 .student-photo-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .student-page .student-upload-card,
 .student-page .student-upload-card tbody,
 .student-page .student-upload-card tr,
 .student-page .student-upload-card td,
 .student-conference-page table.sedygradient,
 .student-conference-page table.sedygradient tbody,
 .student-conference-page table.sedygradient tr,
 .student-conference-page table.sedygradient td {display:block;width:100%;box-sizing:border-box;text-align:left;}
 .student-page .student-upload-card .blueButton,
 .student-conference-page table.sedygradient .blueButton {margin-top:8px;}
 .student-account-page > form[name=rez_form] {padding:20px 16px;}
}

@media (max-width:520px) {
 .student-page {padding:18px 10px 26px;}
 .student-page-title {font-size:20px;}
 .student-card {padding:19px 15px;}
 .student-photo-grid {grid-template-columns:1fr;}
 .student-photo-preview,.student-photo-preview img {height:190px;}
 .student-account-page > form[name=rez_form] #tdmiddle,
 .student-account-page > form[name=rez_form] #tdmiddle tbody,
 .student-account-page > form[name=rez_form] #tdmiddle tr,
 .student-account-page > form[name=rez_form] #tdmiddle td {display:block;width:100%;box-sizing:border-box;text-align:left;}
 .student-account-page > form[name=rez_form] input[type=text],
 .student-account-page > form[name=rez_form] input[type=password],
 .student-account-page > form[name=rez_form] select {width:100%!important;}
}

/* Studentský úvod: profil, aktuální stav přihlášek a další krok v jednom dashboardu. */
#hldiv.student-home {box-sizing:border-box;padding:30px 34px 38px;background:transparent;}
.student-home-dashboard {display:grid;grid-template-columns:190px minmax(0,1fr);align-items:start;gap:22px;text-align:left;}
.student-home-dashboard .student-home-profile,
.student-home-dashboard div.hp_student_staze {box-sizing:border-box;float:none;width:auto;max-width:none;margin:0;display:block;background:#fff;border:1px solid #d8e4eb;border-top:4px solid #087db6;border-radius:4px;box-shadow:0 3px 12px rgba(14,79,112,.09);}
.student-home-dashboard .student-home-profile {padding:20px;text-align:center;}
.student-home-profile-in {max-width:146px;margin:0 auto;}
.student-home-profile #userPhoto {overflow:hidden;margin:0 auto 16px;border-radius:4px;background:#e8eef2;}
.student-home-profile #userPhoto > a {display:block;cursor:pointer;}
.student-home-profile #userPhoto img {display:block;width:100%;height:138px;object-fit:cover;background:#dfe6ea;}
.student-home-profile #userPhoto .userPhotoLink {box-sizing:border-box;}
.student-home-profile h2 {overflow-wrap:anywhere;margin:0 0 12px;color:#263f4d;font-size:18px;font-weight:normal;line-height:1.35;text-align:center;}
.student-profile-edit {display:inline-block;padding:7px 10px;color:#087db6;border:1px solid #bcd6e4;border-radius:3px;font-size:12px;text-decoration:none!important;}
.student-profile-edit:hover {color:#fff!important;background:#087db6;border-color:#087db6;}
.student-home-dashboard div.student-home-main {padding:25px 26px 27px;border-top-color:#49a4cf;}
.student-home-main #vybrane_staze > h2 {margin:0 0 20px;padding:0 0 14px;color:#075f92;border-bottom:1px solid #dce8ee;font-size:21px;font-weight:normal;}
.student-onboarding-empty {max-width:650px;padding:7px 0 23px;}
.student-onboarding-empty h3 {margin:0 0 9px;color:#263f4d;font-size:18px;font-weight:normal;}
.student-onboarding-empty p {margin:0 0 21px;color:#60747f;line-height:1.6;}
.student-onboarding-button {display:inline-block;padding:11px 17px;text-decoration:none!important;}
.student-onboarding-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 0;padding:20px 0 0;border-top:1px solid #e2ebf0;list-style:none;}
.student-onboarding-steps li {position:relative;display:flex;align-items:center;gap:9px;min-width:0;color:#80909a;font-size:12px;}
.student-onboarding-steps li span {display:inline-flex;flex:0 0 31px;width:31px;height:31px;align-items:center;justify-content:center;color:#6c7f89;background:#eef3f6;border:1px solid #d6e1e7;border-radius:50%;font-weight:bold;}
.student-onboarding-steps li b {font-weight:normal;line-height:1.35;}
.student-onboarding-steps li.is-current {color:#075f92;}
.student-onboarding-steps li.is-current span {color:#fff;background:#087db6;border-color:#087db6;}
.student-home-dashboard .student-home-diary {grid-column:1/-1;box-sizing:border-box;width:100%!important;margin:8px 0 0!important;}

@media (max-width:760px) {
 #hldiv.student-home {padding:20px 12px 28px;}
 .student-home-dashboard {grid-template-columns:1fr;gap:16px;}
 .student-home-dashboard .student-home-profile {display:flex;padding:15px;text-align:left;}
 .student-home-profile-in {display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 15px;width:100%;max-width:none;}
 .student-home-profile #userPhoto {grid-row:1/3;width:88px;margin:0;}
 .student-home-profile #userPhoto img {height:88px;}
 .student-home-profile h2 {align-self:end;margin:0;text-align:left;}
 .student-home-profile .student-profile-edit {align-self:start;justify-self:start;margin-top:4px;}
 .student-home-dashboard div.student-home-main {padding:21px 17px 23px;}
 .student-onboarding-steps {grid-template-columns:1fr;gap:10px;}
}
