/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13.2.2020, 15:30:23
    Author     : marek
*/
body{ font-size: 1rem !important;font-family: 'Roboto Condensed', sans-serif !important; text-align: left;}
body a{ color:#29abe5;}

#rvp-header-wrap{ background: #fff;}
.grecaptcha-badge {
display: none !important;
}
.centralFlashMessages,#flashMessages{
position: absolute;
    top: 0.5rem;
    z-index: 100;
    left: 0;
    right: 0;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}
.centralFlashMessages{
    position: fixed;
}
.centralFlashMessages .flashmessage, #flashMessages .flashmessage{ justify-content: space-between; align-items: center; display: flex; padding:1rem;border-radius: 5px;border-width: 3px;border-style: solid;margin-bottom: 5px;}
.centralFlashMessages .flashmessage:before, #flashMessages .flashmessage:before{
    content:'\f137';
    font-family: rvp-icons !important; 
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
    margin-top: -0.5rem;
}
.centralFlashMessages .flashmessage:after, #flashMessages .flashmessage:after{
    content:'\f112';
    font-family: rvp-icons !important; 
    width: 1rem;
    height: 1rem;
    margin-left: 0.8rem;
    margin-top: -0.5rem;
    cursor: pointer;
}

.centralFlashMessages .flashmessage.danger, #flashMessages .flashmessage.danger,#flashMessages .flashmessage.error { background-color:#fdd5b1; color:#d3000e;border-color:#d3000e;}
.centralFlashMessages .flashmessage.danger:before,#flashMessages .flashmessage.danger:before{  content:'\f103';}
.centralFlashMessages .flashmessage.warning,#flashMessages .flashmessage.warning { background-color:#fcf7ba; color:#9d6f00;border-color:#9d6f00;}
.centralFlashMessages .flashmessage.warning:before,#flashMessages .flashmessage.warning:before{  content:'\f120';}
.centralFlashMessages .flashmessage.info,#flashMessages .flashmessage.info { background-color:#aceefe; color:#0056a1;border-color:#0056a1;}
.centralFlashMessages .flashmessage.info:before,#flashMessages .flashmessage.info:before{ content:'\f11b';}
.centralFlashMessages .flashmessage.success,#flashMessages .flashmessage.success { background-color:#e2eeca; color:#288a27;border-color:#288a27;}
.centralFlashMessages .flashmessage.success:before,#flashMessages .flashmessage.success:before{  content:'\f137';}


.btn.button-with-icon{ display: flex; align-items: center;}
.btn.button-with-icon i{ font-size:2rem;margin-right:0.5rem;}

 .rvp-header{ position: relative; display: flex; justify-content: space-between; height: 5rem; }
    
    #logo-wrap{ max-width: 11em;align-self: center;}
    
	#rvpLogin{ max-width: 25rem;position: absolute;right: 0;top:4.2em;z-index: 10000;}
        #userProfile{ max-width: 25rem;position: absolute;right: 0;top:4.2em;z-index: 10000;}
        
	#rvpAvatar{ position: relative;height: 2.6rem;display: block;width: 2.6rem;margin-top: 0em; margin-right: 1em; background: #acacac; border-radius: 100px;}
        #rvpAvatarWrap{ overflow: hidden; width: 2.6rem; border-radius: 100px; height: 2.6rem;}
	#rvpAvatar img{ height: 2.7rem; width: 2.7rem; border-radius: 50%; object-fit: cover; margin-top: -0.05rem;margin-left:-0.05rem;}       
        #rvpAvatar i{ position: absolute;left: -0.5rem; bottom: -0.5rem; background: #dfd168; color: #0056a1; border: 2px solid #0056a1;  padding: 0.17rem;  border-radius: 100px;  width: 1.5rem;  height: 1.5rem;}
	/*accordion bootstrap*/
        #rvpSignIn{ margin-top:0em;margin-right: 1em; text-transform: uppercase; color:#0056a1;}
	#logo-rvp {  max-height: 100%;max-width:200px; align-self: center;}
	#rvpMenuButtons{ align-self: center;display:flex;align-items:center;}
	#rvpMenuButtons > a{text-decoration: none;}
	 
	 /***** menu *****/	 
         
        #rvp-menu-vertical{  width:calc(7rem * 8 + 0.4rem); max-width: 100%;position: absolute;right: 0;top:4.2em;z-index: 1040; background: #fff;border-radius: 5px; border:2px solid #28ade1; padding-bottom:1.8%;}
        #rvp-menu-vertical .group{ display: flex;border-bottom: 1px solid #2aade1; margin: 1.8%;}
	#rvp-menu-vertical .group.last{ border-bottom-width: 0px; margin-bottom:-20px;;}
	#rvp-menu-vertical .group .header{ flex: 0 0 6rem; max-width: 6rem;margin: 0 0 1.8% 0;  padding: 0.5em;background-color: #2aade1; color:#fff;text-transform: uppercase;border-radius: 8px;text-shadow: 1px 1px #196e8b; font-weight: bold; font-size: 0.9rem;  align-items: center;  display: flex;background-image: none;}
	#rvp-menu-vertical .group .modules{ display: flex;flex-wrap: wrap;width: 100%;}
	#rvp-menu-vertical .group .modules .module{ border-radius: 0.5em; margin: 0 0 1.8% 1.8%; flex: 0 0 6rem; max-width: 6rem; height: 6rem; text-align: center;  align-self: center;  /*background-color: #e0f9fe;*/}
	#rvp-menu-vertical .group .modules .module.selected{ background-color: #2aade1;}
	#rvp-menu-vertical .mr{ display:none;position: absolute;top: -0.58em;right: 0.3em; background: #fff; border: 2px solid #28ade1;width:1em;height: 1em;transform: rotate(45deg);z-index:1000;border-width: 1px 0px 0 1px;}
	#rvp-menu-vertical .group .modules .module img{ position: absolute;top:-1%;left:-1%;width:102%;height:102%;    max-width: 102%; /*display:none;*/}
	#rvp-menu-vertical .group .modules .module span{
	    display: block;
	    height: 5rem;
	    margin: 0.5rem;
	    width: 5rem;
	    line-height: 5rem;
	    text-align: center;
	    border-radius: 100px;
	    background: #2aade1;
	    /*overflow: hidden;*/
	    position: relative;
	}
	#rvp-menu-vertical .group .modules .module a{ display: flex;color:#fff;text-decoration: none;font-size:0.8rem;text-shadow: 1px 1px #196e8b;}
	#rvp-menu-vertical .group .modules .module a:hover{ background: #e0f9fe; border-radius: 0.5rem;} 
  /*     
	#rvp-menu-vertical{  max-width: 100%;position: absolute;right: 0;top:4.2em;z-index: 1000;}
         #rvp-menu-vertical button { color:#808080;}
         #rvp-menu-vertical button:hover { color:#000;text-decoration: none;}
  
      #rvp-menu-vertical ul{
	    display: flex;
		border-spacing: 0.5em;
		list-style-type: none;
                padding: 0;
	}
	#rvp-menu-vertical li {
		display: block;
		
		width: 33%;
		vertical-align: bottom;
		text-align: center;
		
		margin: 0em;
		line-height: 1em;
		box-sizing: border-box;
                padding: 0;
	}
	#rvp-menu-vertical li a{ display: block;height:100%;width: 93%;text-decoration: none; padding: 0.4em; box-sizing: border-box; font-size: 0.7em;margin:5%;border:1px solid transparent;}
        #rvp-menu-vertical li a:hover{ border:1px solid #808080;}
        #rvp-menu-vertical li a img{ width:65%;}
        #rvp-menu-vertical li a span{ width:100%;display: block;font-weight: bold;color:#808080;}
        #rvp-menu-vertical button{
            display: block;
            width: 100%;
            text-align: left;
	    pedding: 0.3rem 0 0.3rem 1rem;
        }
        
        #rvp-menu-vertical .card-header{ padding: 0rem;border-width: 0;}
  
 	#rvp-menu-vertical .card-body{ padding: 1.10rem;}

	*/
	
	/***********  header ***********/
	#userNewsWrap{ font-size:0.8rem;}
	#userNewsWrap .message{display: flex;justify-content: space-between;}
	#userNewsWrap .message .user{color:#0056a1;font-weight:bold;font-size: 0.81rem;}
	#userNewsWrap .message .title{ font-size: 0.81rem;}
	#userNewsWrap .material{margin-bottom: 1rem;}
	#userNewsWrap a{display:flex;}
	#userNewsWrap a span.count{ margin-left:0.4rem;background: #dfd168;border:2px solid #0056a1; color:#0056a1 ; border-radius:50px; width:1.3rem;height:1.3rem;display: block;font-weight:bold;text-align: center;line-height: 1.2rem;font-size:0.8rem;}
         .rvp-header{ height: 4em; background: none;}
       
        #rvpMenuButton{ margin-top: 0; margin-right: 0rem; font-size: 2em;color: #606060;display: flex;align-items: center;}
	
	#rvpSearch{ margin-top: 0em; margin-right: 1rem;display: flex;align-items: center;}
	#rvpSearch input[type="text"]{ margin-left: 0rem;margin-right: 0rem; padding: 0.21em 0.4em;border: 2px solid #0056a1; color: #0056a1; min-width: 20vw;height:2.2rem;display: initial; border-radius: 0; width: auto;}
	#rvpSearch input[type="submit"]{ background: #0056a1; padding: 0.5rem; margin-bottom: 3px; border-width: 0; border-radius: 0;height:2.2rem;}
	#rvpSearch .overlay-block{ display: flex;margin-left:1rem;}
	.rvp-header i.rvpHeader-icon{ font-size: 2rem; color: #0056a1;}
	#rvpSearchButton{display: flex;align-items: center;}
	#rvpSearch #searchType{position:relative;}
	#rvpSearch #searchType:after{ font-family: rvp-icons; content:'\f128';position:absolute; top: 7px; left: 10px;  pointer-events: none;font-weight: bold; color: #fff;}
	#rvpSearch #searchTypeSelect{width: 2rem; height: 2.2rem; padding: 1rem;  -webkit-appearance: none; -moz-appearance: none;appearance: none; background: #0056a1;color:#fff;}
	#rvpSearchButton .rvp-krizek{font-size:1.5rem;}
	#rvpLogin .mr{ position: absolute;top:-0.56em;right:4.9em;background: #fff;border: 2px solid #28ade1;width:1em;height: 1em;transform: rotate(45deg);z-index:1000;border-width: 2px 0px 0 2px;}
       /* #userProfile .mr{ position: absolute;top:-0.55em;right:3.6em;background: #fff;border:2px solid #28ade1;width:1em;height: 1em;transform: rotate(45deg);z-index:1000;border-width: 2px 0px 0 2px;}*/
       #userProfile .mr{ display: none; position: absolute;top: -15px; right: 4.0em; background: #fff; border: 2px solid #28ade1; width: 20px; height: 27px; transform: rotate3d(0, 1, 1, 90deg);z-index: 1000; border-width: 2px 0px 0 2px;}
       
       #userProfile .img-profile{ width: 8em;height:8em;border-radius: 50%; object-fit: cover;}
	.overlay-block .card{ border:1px solid #dcdcdc;}

	@media (max-width: 650px){
	    #rvpSearch div {position: absolute; left: -4%;top: 4em;z-index: 100000;padding: 10px;width: 100vw;background: #fff;display: flex;
		justify-content: center;
	    }
	}
	
/****** central login form ********/
	#rvpLogin { background: #fff;border-radius: 5px; border:2px solid #28ade1;padding:0;}
	#rvpLogin h2{ font-size: 1.1em; text-transform: uppercase; text-align: justify; text-align: center;color:#0056a1;}
	#rvpLogin h3{ font-size: 0.9em; text-transform: uppercase; text-align: center;color:#0056a1; }
	#rvpLogin #centralLoginFormWrap{ margin:1em;}
	#rvpLogin #centralLoginFormWrap label{ text-transform: uppercase;margin:0;color:#0056a1; margin-top: 0.5rem;}
	#rvpLogin #centralLoginFormWrap input[type="text"],#rvpLogin #centralLoginFormWrap input[type="password"]{ 
	    text-transform: uppercase; border:1px solid #28ade1;}
	#rvpLogin #centralLoginFormWrap input[type="submit"]{ text-transform: uppercase; background-color: #0056a1;color:#fff;margin-top:1.5rem; border: 1px solid #0056a1;}
	#rvpLogin #centralLoginFormSocial{ padding: 1.5rem 2rem; border-bottom: 1px dashed #28ade1; margin-bottom: 1rem;}
	#rvpLogin #registerWrap{   margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed #28ade1;	}
	#rvpLogin a { text-transform: uppercase; font-size: 0.9rem;}
	
	
	
/****** rvp profile ******/
	#userProfile{ background: #fff;border-radius: 5px; border:2px solid #28ade1;padding:0; text-transform: uppercase;}
	#userProfile .row{ margin:1em;}
	#userProfile .link{ text-align: right;padding: 0; font-size: 0.8rem;font-weight: bold;}
	#userProfile .username{ color:#0056a1; font-weight: bold;font-size: 0.8rem;}
	#userProfile hr{ height: 1px; margin: 5px 0;padding: 0; border-top: 1px dashed #28ade1;}
	
/*
@media (min-width: 300px) { 
 #rvp-menu-vertical .group .header{ flex: 0 0 25vw; max-width: 25vw;margin: 1.8% 0 0 1.8%;  padding: 1vw;background-color: #2aade1; color:#fff;text-transform: uppercase;border-radius: 8px;}
 #rvp-menu-vertical .group .modules .module{  flex: 0 0 19vw; max-width: 19vw;width: 100%;height:19vw;}

}
@media (min-width: 576px) { 
 #rvp-menu-vertical .group .header{ flex: 0 0 25vw; max-width: 25vw;margin: 1.8% 0 0 1.8%;  padding: 1vw;background-color: #2aade1; color:#fff;text-transform: uppercase;border-radius: 8px;}
 #rvp-menu-vertical .group .modules .module{  flex: 0 0 25vw; max-width: 25vw;width: 100%;}

}

@media (min-width: 768px) { 
 #rvp-menu-vertical .group .header{ flex: 0 0 12vw; max-width: 12vw;margin: 1.8% 0 0 1.8%;  padding: 1vw;background-color: #2aade1; color:#fff;text-transform: uppercase;border-radius: 8px;}
 #rvp-menu-vertical .group .modules .module{  flex: 0 0 10vw; max-width: 10vw;width: 100%;}

}

@media (min-width: 992px) { 
 #rvp-menu-vertical .group .header{ flex: 0 0 15vw; max-width: 15vw;margin: 1.8% 0 0 1.8%;  padding: 1vw;background-color: #2aade1; color:#fff;text-transform: uppercase;border-radius: 8px;}
 #rvp-menu-vertical .group .modules .module{  flex: 0 0 15vw; max-width: 15vw;width: 100%;}
}
	
@media (min-width: 1200px) { 
 #rvp-menu-vertical .group .header{ flex: 0 0 12vw; max-width: 12vw;margin: 1.8% 0 0 1.8%;  padding: 1vw;background-color: #2aade1; color:#fff;text-transform: uppercase;border-radius: 8px;}
 #rvp-menu-vertical .group .modules .module{  flex: 0 0 10vw; max-width: 10vw;width: 100%;}
}
*/

@media (max-width: 576px) { 
#logo-rvp {  max-width:166px; }
#rvp-menu-vertical .group .modules .module {
    border-radius: 0.5rem;
    margin: 0 0 2.8% 2.8%;
    flex: 0 0 5rem;
    max-width: 4.4rem;
    height: 4.4rem;

}

#rvp-menu-vertical .group .modules .module span {
 
    height: 3.4rem;
    margin: 0.5rem;
    width: 3.4rem;
    line-height: 3.4rem;
    font-size:0.7rem;
  
}
}


/*********************** footer **********************/
/*
#footer{background: #0056a1;margin: 0;}
#footer-menu{padding:1rem;}
#footer-menu ul{display: flex; justify-content: space-evenly;list-style-type: none; padding: 0;margin: 0;}
#footer-menu ul a{color:#fff;}
#footer-social{display: flex; justify-content: space-around;}
#footer-esf{}
#footer-npi{}
*/

.rvp-footer{}
.rvp-footer .rvp-links{background: #0057a4;padding:1rem;font-size: 0.9rem;text-transform: uppercase;}
.rvp-footer .rvp-links ul{list-style-type: none; display:block;margin: 0; padding: 0;text-align: center; line-height: 2rem;}
.rvp-footer .rvp-links ul li{margin:0rem 0;display: inline-block;}
.rvp-footer .rvp-links ul li:last-child a{border-right-width: 0;}
@media(max-width: 768px) {

.rvp-footer .rvp-links{font-size: 0.7rem;}
}

.rvp-footer .rvp-links ul li a{color:#fff !important;padding:0 1rem;border-right: 0px solid #d6f7fe;}
.rvp-footer .social-buttons{background:#c9c9c9;display:flex;justify-content: center;align-items: center;}
.rvp-footer .social-buttons a {margin:1rem;}
.rvp-footer .esf{background:#fff;display:flex;justify-content: center;align-items: center;padding: 2rem;}
.rvp-footer .esf img{max-width: 100%;}
#rvpNahlasitProblemButton{ color:#d6f7fe; }

.rvp-footer .copyright{background:#fff;}
.rvp-footer .blank{background:#fff; height: 5rem;}

@media(max-width: 992px) {
   .rvp-footer .rvp-links ul li a{padding:0 0.4rem;}
}

/************************* Module header ************************/
.module-header-wrap{
    padding:0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}


/****************************** report problem ************************************/
#rvpReportForm{ position: absolute; z-index: 100; bottom: 2rem;right: 1rem; background: #fff; height: max-content; padding: 1rem; min-width: 250px; max-width: 95vw; width: 400px;border-radius:10px; border:2px solid #0056a1; text-align: left;}
#rvpReportForm input[type="text"],#rvpReportForm textarea,#rvpReportForm select{width:100%;padding:0.5rem;}


/******************************* central login ************************************/

    #centralLoginRvp{ color:#0056a1 ;float:left;width:100%;font-size:16px;background:url('/images/grafika/profil-bg.png');background-size: cover;}
    #centralLoginRvp h2{font-weight: bold;font-size: 1.1rem;padding: 0.5rem 0;text-transform: uppercase;}
    #centralLoginRvp form{padding: 0.5rem 1.3rem;}
    #centralLoginFormLinks {text-align: center; margin: 2rem 0;}
    #centralLoginFormLinks a{color:#28ade1; font-size:0.9rem;}
    
    #centralLoginRvp form input[type="text"],#centralLoginRvp form input[type="password"]{width:100%;border:2px solid #28ade1; border-radius: 4px;}
    #centralLoginRvp .th{width:40%;font-weight: normal;font-size: 0.9rem;}
    #centralLoginRvp form input[type="submit"]{font-size: 1.0rem; padding: 1rem 3rem; margin-top: 1rem;}
    #centralLoginRvp .socialButton {background:#aceefe;padding: 0.5rem;border-radius: 8px;}
    #centralLoginRvp .socialButton .text{text-align: center; width: 100%;}
    #centralLoginRvp .socialButton a {display: flex; align-items: center;color: #000; font-size: 0.875rem; text-transform: uppercase;}
    /*
    #centralLoginWrap{ float:left; width:50%;box-sizing:border-box;padding:0 3em;box-sizing: border-box;}
    #centralLoginForm{ float:left; width:100%;box-sizing:border-box;padding:1em 0;}
    #centralLoginFormSocial{ float:left; width:100%;box-sizing:border-box;padding:1em 0;margin-top:2em;}
    #centralLoginFormLinks{ float:left; width:100%;box-sizing:border-box;padding:1em 0;}
    #centralLoginFormLinks a{margin-bottom:1em;float:left;width: 100%;}
    #centralLoginFormInfo{ float:left; width:50%;box-sizing:border-box; padding:1em 2em;}
    #centralLogin .socialButton{ float:left;width:100%;box-sizing:border-box;margin-bottom:1em;background-color:#e1e1e1;max-height:44px;color:#000;}
    #centralLogin a.socialButton:hover{background-color:#d1d1d1}

    #centralLogin .socialButton span{ display:block; float:left;}
    #centralLogin .socialButton span.text{ display:block; line-height: 2.7em; text-align: center; width: 87%;}
    #centralLogin .socialButton .icon{ display:block;width:12%;}
    #centralLogin .socialButton .icon img{ width:100%;max-height:44px;}   
    #centralLogin h2{font-size: 1.1em; text-align: center;font-weight:bold;margin: 0.6em;}
    #centralLogin input[type=\"text\"],#centralLogin input[type=\"password\"] {height:44px;width:100%;border:1px solid #c7c7c7;padding: 0 1em; box-sizing: border-box;margin-bottom: 1em;font-size:1.1em;}
    #centralLogin input[type=\"submit\"]{height: 44px;width: 100%; background: #01427e;border-width: 0px;font-size: 1.2em; color: #fff;padding:0;}
    #centralLoginForm table{width:100%;margin:0;}
*/
    #centralLoginFormInfo .img{float:left; width:40%;box-sizing: border-box;position:relative;min-height: 13em;}
    #centralLoginFormInfo .img img{position:absolute;top:0;left:0; max-width:100%;}
    #centralLoginFormInfo .text{float: left;width: 60%;box-sizing: border-box; margin-top: 2em;color:#8a8a8a;border-bottom:3px solid #f7e7f1;padding-left: 4em;font-size:0.95em;}
    #centralLoginFormInfo .reason{float:left; width:100%;box-sizing: border-box;max-height:15em;}
    #centralLoginFormInfo .reason2 .text{padding-left:0;text-align:right;padding-right:4em;}
    #centralLoginFormInfo .reason1 .text{margin-top: 3em;}

    #centralLoginFormInfo .reason2 .img img{left:auto;right:0;}

    #centralLoginRvp #centralLogin{ font-size:16px;/*max-width:90vw;*/}
    #centralLoginRvp #centralLoginWrap{ padding:0 2em;box-sizing: border-box;}
    #centralLoginRvp #centralLoginForm{ width:100%;box-sizing:border-box;padding:1em 0;}
    #centralLoginRvp #centralLoginFormSocial{ box-sizing:border-box;padding:1em 0;margin-top:2em;}
    #centralLoginRvp #centralLoginFormLinks{ box-sizing:border-box;padding:1em 0;margin:0;}
    #centralLoginRvp #centralLoginFormLinks a{margin-bottom:1em;float:left;width: 100%;}
    #centralLoginRvp #centralLoginFormInfo{ box-sizing:border-box; padding:1em 2em; border-left: 1px dashed #28ade1;}

    #centralLoginRvp .socialButton { background: #aceefe;padding: 0.5rem; border-radius: 8px; max-width:400px;}
    #centralLoginRvp #centralLoginForm table{width:100%;margin:0;}

    #centralLoginRvp  #centralLoginFormInfo .register-reasons,#registerRvp  #centralLoginFormInfo .register-reasons{ display: grid; align-items: center;}
    #centralLoginRvp  #centralLoginFormInfo .icons img,#registerRvp  #centralLoginFormInfo .icons img{max-width:100%;}
    #centralLoginRvp  #centralLoginFormInfo .reason,#registerRvp  #centralLoginFormInfo .reason { box-sizing: border-box; font-size: 0.8rem; } 
    
    /******************** tooltip ****************************/
    
    .tooltip{ background-color: #fff !important;border:2px solid #0057a4 !important;border-radius: 15px;top:-20px;}
.tooltip > .tooltip-inner {z-index: 10000 !important;background: #fff;color:#0057a4;padding: 0 0.3rem;}

.tooltip .tooltip-arrow::before{ color:#0057a4;}

.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before
{
    display: block;
    
      background: #fff !important;
      z-index: -1 !important;
      position: absolute !important;
      left:-10px !important;
  bottom:-6px !important;
  
  width: 20px !important; height: 27px !important; transform: rotate3d(0, 1, 1, 90deg) !important; 
  border: 2px solid #0056a1 !important;
  border-width: 2px 0px 0px 2px !important;
}

.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before{
      display: block !important;
      /*content: url(/images/grafika/tooltip-arrow.png);*/
      background: #fff !important;
      z-index: -1 !important;
      position: absolute !important;
      left:-0px !important;
  top:-5px !important;
  
  width: 20px !important; height: 27px !important; transform: rotate3d(0, 1, 1, 90deg) !important; 
  border: 2px solid #0056a1 !important;
  border-width: 0 2px 2px 0 !important;
}

.tooltip.show {
  opacity: 1 !important;
}

span.parameter:after {
    content: "";
    height: 14px;
    width: 1px;
    border-left: solid 1px;
    margin: 5px 15px;
    float: right;
}

span.parameter {
    display: inline-block;
    min-width: 67px;
  
}

#lista-inovujeme{
    height: 25px;
    /*background: url('/images/grafika/lista-inovujeme.png') top center no-repeat #fdcc0e;*/
    background: #ffdc4e;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    left: 0px;
    /*top: -51px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-transform: none;
    font-weight: bold;
    color: #303030;
}

#lista-inovujeme a{color:#000;text-decoration: underline;}
#lista-inovujeme span.text{text-align: center;}

@media(max-width: 500px) {
   #lista-inovujeme{font-size:0.8rem;}
}

.navbar-brand img {
    height: 5rem;
}

/*widget kolekce*/

#existujici_kolekce input[type="checkbox"]{ margin-right:1rem;}
#formDoOblibenych{ text-align:center;}
#vytvoritNovouKolekci{ float: right;display: flex;text-decoration: none;}
#vytvoritNovouKolekci .btn{ margin-right: 0.2rem;font-size: 1.2rem; font-weight: bold; border-radius: 50%;width: 1.4rem; height: 1.4rem; line-height: 1.4rem; display: block; text-align: center; padding: 0;}
#vytvoritNovouKolekci strong{ color:#000;font-size:1rem;}
#existujici_kolekce dd{ max-height: 150px; overflow-y: auto;}
#kolekce_form  input[type="submit"] { display: block; margin: 0 auto;width: 50%;}
#kolekce_form fieldset{ width:auto;}
#material_poznamka{ height:120px;}

/* width */
#existujici_kolekce dd::-webkit-scrollbar { width: 10px;}

/* Track */
#existujici_kolekce dd::-webkit-scrollbar-track { background: #f1f1f1;}

/* Handle */
#existujici_kolekce dd::-webkit-scrollbar-thumb { background: #888;}

/* Handle on hover */
#existujici_kolekce dd::-webkit-scrollbar-thumb:hover { background: #555;}
#existujici_kolekce dd{ scrollbar-color: #f1f1f1 #888; scrollbar-width: 10px;}


.infoMessages{ position:initial;width:100%;max-width: 100%;}
.scrolled .infoMessages{ position:absolute;top: 55px; left: 0;}
.infoMessages .flashmessage{ height:49px;width:100%;border-width: 0;margin-bottom: 0; display: flex;align-items: center;}
.infoMessages .flashmessage.success{ background: #54D788;color: #fff;border-width:0;    border-radius: 0;}
.infoMessages .flashmessage.error,.infoMessages .flashmessage.danger{ background: #FB4B33;color: #fff;border-width:0;    border-radius: 0;}

.infoMessages .flashmessage .wrap{ display: flex;justify-content: center;align-items: center;}
.infoMessages .flashmessage .close{ padding:0;text-align: right;}
.infoMessages .flashmessage .close i{ margin-right: 10px;margin-top: 3px;}
.infoMessages .flashmessage a{ color:#fff;text-decoration: none; cursor: pointer;display: flex;align-items: center;}

.infoMessages .flashmessage:before, #flashMessages .flashmessage:before {
    content: '' !important;
    font-family: initial;
    width: 0;
    height: 0;
    margin-right: 0;
    margin-top: 0;
}

.infoMessages .flashmessage:after{ content: ''; }


.infoMessages .flashmessage .wrap:before{
    content: '';
    font-family: rvp-icons !important;
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
    margin-top: -0.6rem;
}



.infoMessages .flashmessage.success .wrap:before{
     content: '\f137';
}

.infoMessages .flashmessage.danger .wrap:before,.infoMessages .flashmessage.error .wrap:before{
     content: '\f103';
}