/***************************************************/
/****************** specificke styly ***************/
/***************************************************/


#courseList table th,fieldset table th,#courseTerms th{padding: 1px;color:white;background-color:#0065B5 ;}
#courseList table td,fieldset table td,#courseTerms td{padding: 5px;text-align: center;}
#profileButtons{width:95%;float:left;}
#profileData fieldset table th{width:130px;background: none;color:#0066B7;}
#profileData fieldset table td{padding: 5px;text-align: left;}
#profileData fieldset { background-color: #BCE2FF; border-radius: 5px 5px 5px 5px; border-width: 0;float: left; width: 450px;}
#profileData fieldset legend{background-color: #0066B7; border-radius: 5px 5px 5px 5px; color: white; padding: 0 10px;}
#courseList table th.actions{width:175px;}
ul#courseList {list-style-type: none;padding: 0;margin:0;}
div.course .title{font-size: 1.2em;color:#0065B5;text-decoration: none;}
div.course .title:hover{color:#EE1C25;}
div.course .addTermButton{float: right;}
#courseList table{width: 100%;font-size: 0.9em;}
#courseList li{border-bottom: 1px solid #bcbcbc;margin: 10px; }
legend{color:#EE1C25;padding: 0 10px;}
fieldset{border:1px solid #0065B5;}
fieldset table{width:100%;}


#news,#infobox{float:left;width:470px;}
#infobox{margin-left: 20px;}
#infobox div {background: #C9E7FF; border: 0px solid #0066B7; border-radius: 15px 15px 15px 15px; padding: 10px;}
/*#homepage-wrap{float: left;width:100%;}*/
#news ul{list-style-type: none;padding:0;}
#news ul li{}
#news form,#infobox form{display: none;}
#news form textarea,#infobox form textarea{width:400px;height:100px;}
#news .importatnt{color:red;}
/*h3{background-color: #0065B5; border-radius: 5px 5px 5px 5px; color: #FFFFFF; padding-left: 10px;}
h2{background-color: #EE1C25; border-radius: 5px 5px 5px 5px; color: #FFFFFF; padding-left: 10px;}

h3 a{color:#8DC1FC;}
*/
#editProfileData table{margin-left: 160px;}
form th{background:none;padding: 0 5px; width:200px;border:none;color: #136FAF;vertical-align: middle;}
form td{border:none;}
#frm-sendMailForm th{width:auto;}
form td input[type="text"],form textarea,form td input[type="password"] {border:1px solid #22B0F3;width:400px;}
form textarea{height:100px;}
/*form input[type="submit"]{background-color: #0065B5; border-width: 0; color: white; cursor: pointer; padding: 2px 5px; width: 100px;}*/
form input[type="submit"]{cursor: pointer;  }
form input.redbutton{background-color:#EE1C25;}
form select {width: 100%;}

#courseTerms table{width: 100%;}
table{line-height: 1.3;}
table.wide{width:100%;}

table.wide th,table.wide td{padding: 0 5px;}


strong.highlight{color:#0065B5;}
/*
ul.menu{list-style-type: none;width:100%;float:left;}
ul.menu li{float:left;margin-left:5px;}
ul.menu li.selected{background-color:red; border-radius:5px;padding:0 5px; }
ul.menu li.selected a{color:white;}
*/
div.infobox{border: 1px solid #808080; border-radius: 10px 10px 10px 10px; color: #0065B5;float: left;margin: 10px; padding: 10px;}
div.infobox img {float:left;}
div.infobox div{float:left; margin-left: 10px; width: 70%;}

#terms label{color: #0065B5;font-weight: bold;}
#terms select{width:120px;}
#terms,#addTermWrap,#spareTerms{float:left;margin-left:50px;width:920px;}

#frm-dotaznikDataOCizincich select,#frm-dotaznikDataOCizincich input{width:auto;border: 1px solid #99CEF7;}
#frm-dotaznikDataOCizincich textarea{border: 1px solid #99CEF7; width:934px;}
#frm-dotaznikDataOCizincich br{clear:both;}
#frm-dotaznikDataOCizincich fieldset{margin-bottom:10px;width:960px;float:left;}
#frm-dotaznikDataOCizincich #neucast{display: none;}
div.dotaznik{float: left;}
div.infobox.potvrzeni{text-align: center;width: 940px;}


 span.infotitle{width:20px;height:20px;text-align: center;font-weight: bold;line-height: 20px;display: block;position: absolute;top: 2px;right:-23px;background-color: #0065B3;color:#fff;}
a.prehledDotaznikuButton
 {
     background: none repeat scroll 0 0 #0065B5;
    border: 1px solid #DCDCDC;
    color: white;
    float: right;
    margin-bottom: 5px;
    padding: 5px;
 }
  #vysledky{position: relative;}
 #vysledky table{float:left;}
 
 #typDokumentuZkousky,#terminyZkousky,#soubory{font-size: 0.78em;}
 #terminyZkousky table,#soubory table{width:100%;}
 #terminyZkousky th, #soubory th{text-align: left;}
 #documentTabs.ui-tabs .ui-tabs-nav li a { padding: 0.45em; text-decoration: none;}
 #typDokumentuZkousky .ui-accordion-content { padding: 1em 0;}
 #dokumentyObecne table,#dokumentyObecne2 table{float:left;width:450px;margin:0 16px;border-spacing: 0;}
 #dokumentyObecne th,#dokumentyObecne2 th{background-color: #0065B5;color:#fff; text-align: left;}
 #typDokumentuZkousky .stahnout{background-color: #EE1C25; border: 1px solid #FF0000; border-radius: 5px 5px 5px 5px; color: #FFFFFF;  padding: 5px;}


 #content-wrap form th {color:#000;}
 
 a.termin.selected {padding:5px;background-color: #EE1C25;color:#fff;border-radius: 5px;}
 
 #admin-panel{margin: 5px 0;float: left;width:100%;}
 
 #lang a.selected{color:#FF0000;}
 div#lang{ margin-top: 9px;}
 
 @media screen and (max-width: 360px) {
    #obcanstvi h2
    {
	/*
	margin-bottom: 36px;
	margin-top: 30px;
	*/
    }
}

#newHead h1{ text-align: center; font-size: 2.53rem; font-weight: bold; letter-spacing: 0px;}
#newHead h2{ font-size: 1.3rem; font-stretch: condensed; font-weight: bold; letter-spacing: 0px;}
#newHead>div{position:relative;}
#newHead .veta{ color: #808080;}

#logawrap .loga{margin-left:auto;margin-right:auto;margin-top:1em;}
#logawrap .loga a{}
#logawrap #logo-npi{display:block;background:url('/images/loga/npi-w.png') no-repeat;float:left;background-size: contain;}
#logawrap #logo-msmt{display:block;background:url('/images/loga/msmt.png') no-repeat;float:left;}

#logawrap #logo-ujop{display:block;background:url('/images/loga/ujop.png') no-repeat;float:left;}
#logawrap #logo-mvcr{display:block;background:url('/images/loga/mvcr.png') no-repeat;float:left;}
#logawrap .loga {width:100%; margin-bottom: 1em;}
#logawrap .loga a{height:80px;background-position: center center !important; min-width:123px;}

#lang-list-wrap{float:none;margin:1em 0;position: relative;left:0%;}
#lang-list-wrap ul{list-style-type: none;padding: 0;margin: 0;position: relative;left:8%;}
#lang-list-wrap ul li{display: inline;}
#lang-list-wrap ul li a{padding:0.3em;position: relative;z-index: 1000;text-decoration: none;}
#lang-list-wrap ul li a span{padding:0.3em;font-weight: bold;}

#footer-text,#footer2{display: none;}
#user-login {
    margin-bottom: 1em;
	margin-top: 0;
	position: relative !important;
}

#user-panel{
    top: 28px;
    right: 27px;
    left: initial;
    width: 145px;
}

#navbar-wrap{
    background-color: #0067ae;
}

#user-login .button{
    float: none !important;
    border-radius: 10px;
    border: 1px solid #dddddd;
    background: none;
    color: #0067ae;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.3px;
    line-height: 40px;
    min-width: 87px;
    height: 40px;
    padding: 7px 11px;
}

#login-form {
        margin: 0;
}

#login-username{
    margin-bottom: 1rem;
}
#login-password{
    margin-bottom: 1rem; 
}

#login-send .btn-primary{
    width: 210px;
height: 50px;
border-radius: 5px;
background-image: linear-gradient(225deg, #0371bd 0%, #0067ae 100%);
color:#fff;
font-family: Roboto;
font-size: 17px;
font-weight: 700;
letter-spacing: -0.12px;
line-height: 28px;
border-width: 0;
}

@media screen and (min-width: 1000px) {

#user-login { margin-top: 1em;}
#newHead h1{ text-align: center; font-size: 4.53em; font-weight: bold; letter-spacing: -2px;}
}

#newHead {background:url('/images/bg.jpg') no-repeat center top #fff;padding-top: 60px;}
#newHead a:not(.btn){color: #0067ae;text-decoration: underline;}
#newHead h1{
    color: #fff;
    font-family: Roboto;
    font-size: 42px;
    font-weight: 900;
    letter-spacing: -0.57px;
    line-height: 54px;
    text-align: left;
}
.content-header h1,.content-header h2{color:#fff;}

#site-logo{
color: #000000;
font-family: Roboto;
font-size: 19px;
font-weight: 700;
letter-spacing: -0.25px;
line-height: 19px;
text-transform: uppercase;
}

.content-header{
    border-radius: 5px;
background-image: linear-gradient(225deg, #0371bd 0%, #0067ae 100%);
opacity: 0.95;
padding: 47px 58px ;
}

.content-content{
   box-shadow: 0 22px 74px rgba(0, 0, 0, 0.1);
border-radius: 5px;
background-color: #ffffff; 
min-height: 400px;
}

#web-select {}
#web-select .iconwrap{    height: 87px;}
#web-select > div{padding:94px;}
#trvaly-pobyt a.iconwrap,#obcanstvi a.iconwrap{    display: flex;  align-items: center;}
#trvaly-pobyt h2,#obcanstvi h2
{color: #0067ae;
font-family: Roboto;
font-size: 24px;
font-weight: 900;
letter-spacing: -0.2px;
line-height: 32px;
text-decoration: underline;}
#web-select .icon{ margin-right: 19px;}

#logawrap .loga a {

}

#web-select p
{
    font-size: 17px;
font-weight: 400;
letter-spacing: -0.23px;
line-height: 25px;
padding: 36px 0;
}

#web-select .detail{
width: 210px;
height: 50px;
border-radius: 5px;
background-image: linear-gradient(225deg, #0371bd 0%, #0067ae 100%);
justify-content: center;
display: flex;
align-items: center;
color:#fff;
font-size: 17px;
font-weight: 700;
letter-spacing: -0.12px;
line-height: 28px;
color: #fff!important;
}


#web-description #trvaly-pobyt, #web-description #obcanstvi{
    color: #000000;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.09px;
    line-height: 24px;
    
}


ul.checklist {
    margin-top: 42px;
   /*width:780px;*/
   list-style: none; /* Remove default bullets */
  margin-left: 0.8rem;
}


ul.checklist li::before {
  background: url(../images/checklist.png) transparent no-repeat;
  content:' ';
  color: #0e60a8; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1.4em; /* Also needed for space (tweak if needed) */
  position: relative;
  width: 22px;
  height: 20px;
  left: -1em;
  top: 4px;
}


#footer{
    margin-top: 100px;
    background: #fff;
    border-top: 1px solid #dddddd;
    padding:43px 0 68px 0;
}

#footer .logo{
   text-align: center; 
  
}

#footer .footer-right .footer-text{margin-bottom: 0;}

#footer .footer-right .logo{
 
   margin-top: 36px;
}

#footer .logo span{
    color: #666666;
    display: block;
    text-decoration: underline;
}

#footer .footer-text{
    color: #666666;
    margin-bottom: 26px;
}
.footer-left{
   /* border-right: 1px solid #ddd;*/
}
    
.site-footer{background: #fff;}

/***************/
/*** responzivni upravy pro jine sirky displaye ***/
/***************/
.footer-left {
    color: #888;
    text-align: left;
}

.footer-left li{
    text-align: left;
    margin-bottom: 18px;
}

.footer-left a{
       
}

.footer-text-left{
    color: #666666;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 23px;
    display: flex;
    align-items: center;
}

.footer-text-right{
    
}
#footer .social h4{text-align: left;margin-top: 0;}
#footer .social { border-left: 1px solid #ddd; margin-top: 0rem;padding-left: 57px;}

#footer h4{
    color: #666666;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
letter-spacing: 1.21px;
line-height: 16px;
text-transform: uppercase;
text-align: left;
width:100%;
    
}

#footer .footer-bottom{
margin-top: 44px;
padding-top: 33px;
border-top: 1px solid #dddddd;
}

#footer li a {
    color: #666666;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 18px;
    text-decoration: underline !important;
    
}

.footer-right{border-top: 0px solid #ddd;}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.copyright {
    color: #666666;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
}

#main-nav-corner{
    display: none;
}

#lang-select select {
    margin-left: 0;
   color: #0067ae;
   
}

#lang-select{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 77px;
    background: none !important;
    cursor: pointer;
}

#lang-select .arrow {
    background: url(/images/arr-blue.png) center right no-repeat;
    width:11px;
    height:7px;
    top:8px;
    
}

.wpm-language-switcher.switcher-list{
   margin-top: 9px;
}
.wpm-language-switcher.switcher-list li{display: inline-block;margin-right: 10px;}



.wpm-language-switcher.switcher-list li img
{
/*
width: 23px;
height: 23px;
*/
opacity: 0.95;
border-radius: 5px;
margin-top: 5px;
}

.wpm-language-switcher span,.wpm-language-switcher a{
    color: #0067ae;
    font-size: 13px;
}
.wpm-language-switcher a{
    text-decoration: none;
    color: #0067ae !important;
    /*font-size: 13px;*/
}
.wpm-language-switcher li a span{
 text-decoration: underline !important;
}
#mobile-lang-select{
    height:auto;
    padding-top: 38px;
    display: none;
}

#mobile-lang-select ul{
 text-align: center; 
 margin:0;
}

#mobile-lang-select li{
    display: inline-block;
    margin-right: 28px;
    margin-bottom: 2em;
}

input[type="text"]:not(.form-control), input[type="password"]:not(.form-control) {
    border: 1px solid #aaa;
    border-radius: 5px;
    color: #000;
    padding: 5px 15px;
    font-weight: bolder;
}

.btn-primary{
       /* width: 210px; */
    min-height: 32px;
    border-radius: 5px;
    background-image: linear-gradient(225deg, #0371bd 0%, #0067ae 100%);
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.12px;
    line-height: 21px;
    border-width: 0;
    padding:8px 17px;
    
}



table.table th{
    border-width: 0;
    color: #0067ae;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01px;
    text-transform: uppercase;
    padding: 23px 46px 19px 0;
    border-bottom:3px solid #0067ae;
    background: none;
}

table.table td{
    border-width: 0;
    box-shadow: 0 1px 0 #dddddd;
    padding:20px 0 17px 0;
}
.content-content.narrow ,.content-header.narrow{
    width:60%;
}


@media screen and (max-width: 500px){
    #navbar ul li {
	font-size: 1rem;
    }
    #newHead .title h1{ font-size:1.6rem;}
    #web-select > div {  padding: 36px 16px;}
    
    #web-select p {font-size: 17px;line-height: 25px; padding: 5px 0;}
    #web-select .detail {margin-left: auto;margin-right: auto;}
    #footer { margin-top: 0px;}
   
    
    #user-login .button{font-size: 12px;}
    #globalwrapper .content-header{ padding:20px;}
    #newHead .title h1 { font-size: 1.6rem; line-height: 33px;}
    #footer .social{padding-left: 29px;margin-left: -15px;}
    
}
 #lang-select .arrow{ position: initial;margin-left:5px;}
    #lang-select img{margin-top: 5px;    margin-right: 3px;}
    #lang-select{ justify-content: flex-start;}
@media screen and (max-width: 768px){

    .content-content.narrow ,.content-header.narrow{
	width:96%;
    }
}

@media screen and (max-width: 992px){
    #user-login{margin-bottom: 0;}
}

.logo-list img{max-width: 250px;}
.logo-list td{border-width:0;}

.text-primary{ color:#0067ae !important;}

/** helpdesk **/

#snippet-helpdesk-issues .hidden{ display:none;}
#snippet-helpdesk-issues .hlavickaZpravy{padding: 1rem 0; color: #777; font-size: 1.0rem;}
#snippet-helpdesk-issues .patickaZpravy{padding: 1rem 0; color: #777; font-size: 1.0rem;}
#snippet-helpdesk-issues .variantaOdpovedi{ display: flex; align-items: center;}
#snippet-helpdesk-issues .variantaOdpovedi label{margin-right: 3rem; margin-bottom: 0;  margin-left: 0.5rem;}

#module-menu{ }
	#module-menu ul{ padding:0;margin:0;list-style-type:none; display: flex;}
	#module-menu li{ padding: 13px 16px 22px 13px;}
	
	#module-menu li.selected{ background:#0e60a8; color:#fff; border-radius:6px 6px 0 0;}
	#module-menu li a{ color: #0e60a8;font-family: "Roboto";font-size: 16px;font-weight: 700;font-style: normal;letter-spacing: -0.22px;line-height: normal;text-align: left;}
	#module-menu li.selected a{ color:#fff;}
	#topmenuwrap{ background:#0e60a8;border-top-width:0;}
	#topmenuwrap .navbar {  background-color: transparent; min-height: 61px;}
	#topmenuwrap li a.selected{ background: #00528a; margin-bottom: 0; border-bottom-width: 0;}
	#topmenuwrap li a{ color:#fff; padding:15px; font-size: 13px;}
	
	#loggeduser,#userarrow{ color:#0e60a8;}
	
	.content-header h1 { color: #000; font-weight: 900; font-family: 'Roboto';}
	
	.navbar ul li a.btn { border:1px solid #7595ab;background:none;    height: 40px;}
	.navbar ul li a.btn i{ margin-right:8px;}
	.navbar ul li a.btn:hover{ background:#00528a;}
	@media (min-height:1300px){
	    #module-menu li{ padding:16px 16px 22px 16px;}
	}