/* Top menu_2 */

#topmenu{
    margin: 0 16px;
    padding-bottom: 5px;
    box-shadow: 2px 4px 4px -2px rgba(0,0,0,0.2);
}

#hlavicka #logo {
    padding: 0 35px 0 0;
    margin: 6px 0 0 20px;
	float: left;
}

#mpheader_signCard{
    position: relative;
    margin-right: 5px;
}
    
#mpheader_homeBlue {
    height: 37.6px;
    width: 12px;
    background:url('img/tm_ico.png?14052018')  no-repeat -150px 0px;
}
.signCardNumber {
    position:absolute;
    right:0px;
    top:13px;
    background-color:#ff9f00;
    border-radius:2px;
    color:white;
    padding:1px 3px;
    line-height:1em;
    font-weight:bold;
}

#mpheader_toSignNumber {
    right:-5px;
    top:18px;
}

#hlavicka {
	display: block;	
	width:100%;
    position:relative;
    z-index:3;
    padding-top:10px;
    background-color:white;
}

#hlavicka a {
	transition: background-color 0.3s ease, color 0.3s ease;
    cursor:pointer;
}

#mpheader_aUserName{
    color: black;
}

a.tmactive,a.tmactive:hover {
    color: #FFFFFF;
    background:  #0095c4;
    box-shadow: 4px 0px 4px -2px rgba(0,0,0,0.2);
}

.headerUserPart{
    position: relative;
    float:right;
    margin: 6px 0 0 10px;
}

.dropdown {
    cursor: pointer;
}

#userDetail {
    position: absolute;
    top: 37px;
    right: 0;
    width: 248px;
    padding: 8px 10px 13px 10px;
    background-color: white;
    box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.1);
    z-index: 100;

}

#mpheader_userImage {
    display: block;
    width: 67px;
    height: 90px;
    float: left;
    margin-right: 20px;
    /*border: 1px solid black;*/
}

.toSignNumber {
    padding-left:5px;
    font-weight:bold;
    color: #ff9f00;
}

a.toSignNumber:visited {
    color: #ff9f00;
}


#imgMenuUser 
{
    height:32px;
    width:32px;
    display:inline-block; 
    vertical-align:middle;
    margin: 0 0 0 10px;
	background: #9c9e9f url(img/sprite.png?27102017) no-repeat -434px -4px;
}

#mpheader_logOff{
    float: right;
}

#mpheader_searchbox {
    height: 38px;
    max-width: 640px;
    background: #ff9f00;
    border-radius: 4px;
    vertical-align: middle;
    position:relative;
    padding-right: 46px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 2px 4px 4px -2px rgba(0,0,0,0.2);
}

@media (max-width: 735px) {
    #mpheader_searchbox {
        width: 500px;
    }
}

@media (max-width: 600px) {
    #mpheader_searchbox {
        width: auto;
        min-width: 300px;
    }
}

@media (max-width: 400px) {
    #mpheader_searchbox {
        width: auto;
        min-width: 150px;
    }
}


#mpheader_searchbox a {
    display: block;
    width: 37px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
	border-left: 1px solid #fff;
    background: #ff9f00 url(img/sprite.png?27102017)  no-repeat -399px 0;
    /*box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.2);*/
}



#mpheader_searchbox a:hover {
    background-color: #ffc058;
}

#mpheader_searchbox input  {
    width: 100%;
    outline: none;
    margin: 7px 3px;
	background-color: #ff9f00;
    border-color: #ff9f00;
    color: #fff;
    font-size: 13px;
}

#mpheader_searchbox input::-webkit-input-placeholder {
    color: #fff;
}
#mpheader_searchbox input:-moz-placeholder {
    /* FF 4-18 */
    color: #fff;
}
#mpheader_searchbox input::-moz-placeholder {
    /* FF 19+ */
    color: #fff;
}
#mpheader_searchbox input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

#mpheader_searchbox img {
	position: relative;
	top: 0px;
	float: right;
}


#mpheader_topsubmenu a:hover {
    background-color: #4db5d6;
}

#mpheader_spmenucontent:hover {
    display:block;
    position:fixed;
}

#mpheader_spmenucontent {
    display: none;
    position: absolute;
    background-color: #0095c4;
    padding: 0 18px 0 18px;
    min-width: 160px;
    z-index: 3;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2);
}

/*popup*/
#mpheader_spmenucontent a {
    padding:3px 0 3px 0;
    display: block;
    line-height:18px;   
    font-size: 14px;
}

#mpheader_spmenucontent a:not(:first-child) {
    border-top: 1px #fff;
    border-top-style:dotted; 
}
/*popup*/

#mpheader_topsubmenu {
    width:100%;
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    z-index:3;
}

#tsmContent {
    margin: 0px 16px;
    overflow:hidden;
	color: #FFFFFF;
    background: #0095c4;
    box-shadow: 2px 4px 4px -2px rgba(0,0,0,0.2);
}

#mpheader_tsmLeft {
    float: left;
    /*min-width: 645px;*/
}

#mpheader_tsmRight {
    float: right;
}

#mpheader_Turli:hover + #mpheader_spmenucontent {
    display: block;
    position:fixed;
}


.tsm a,#mpheader_Turli{
	color: #FFFFFF;
	text-decoration: none;
    padding: 0 18px 0 18px;
    display: inline-block;
    vertical-align: middle;
    line-height:38px;
}

.ico {
    padding: 0;
    margin-right: 5px;
    height:25px;
    width:25px;
    display:inline-block; 
    vertical-align:middle;
    background:url(img/sprite.png?22082018)  no-repeat -7px -7px;
}

#topmenu .ico {
    height: 30px;
    width: 30px;
    margin-right: 0;
}

#hlavicka .clbNewPage .ico{ background-position: -45px -7px;  }
#hlavicka .clbNewInnerPage .ico{ background-position: -87px -7px;  }
#hlavicka .clbWorkflow .ico{ background-position: -126px -7px;  }
#hlavicka .clbOthers .ico { background-position: -764px -9px;  }

#hlavicka .cblObjects .ico { width: 30px; background-position: -199px -7px;  }
#hlavicka .cblUsers .ico { background-position: -241px -7px;  }
#hlavicka .cblAdmin .ico { width: 30px; background-position: -277px -7px;  }
#hlavicka .cblImport .ico { width: 35px; background-position: -320px -7px;  }

#hlavicka .cblWords .ico { background-position: -472px -7px;  }
#hlavicka .cblComments .ico { background-position: -510px -7px;  }
#hlavicka .cblRegular .ico { background-position: -547px -7px;  }

#hlavicka .cblTime .ico { background-position: -644px -43px;  }
#hlavicka .cblOtherFunctions .ico { background-position: -674px -43px;  }
#hlavicka .cblEditList .ico { background-position: -741px -10px;  }
#hlavicka .cblEditFolder .ico { background-position: -707px -43px;  }
#hlavicka .cblEditFolder2 .ico { background-position: -742px -43px;  }
#hlavicka .cblExport .ico { background-position: -672px -9px;  }
#hlavicka .cblHistory .ico { background-position: -705px -9px;  }

#hlavicka .cblSentMails .ico { background:url('img/poslane_maily.png')  no-repeat 2px 2px;}
#hlavicka .cblSign .ico, .cblSign .ico { background:url('img/podpisy_zmen.png')  no-repeat 2px 2px;}
/*#hlavicka ul li a.cblExport .ico { background:url('img/export_pro_offline.png')  no-repeat 2px 2px;}*/
#hlavicka .cblDelete .ico { background:url('img/smazat.png')  no-repeat 2px 2px;}
#hlavicka .cblConcept .ico { background:url('img/vytvorit_koncept.png')  no-repeat 2px 2px;}
#hlavicka .cblVedlUdaje .ico { background:url('img/vedl_udaje.png')  no-repeat 2px 2px;}

#hlavicka .cblDocuments .ico { background:url('img/tm_ico.png')  no-repeat -120px 0px; }
#hlavicka .cblSettings .ico { background:url('img/tm_ico.png')  no-repeat -30px 0px; }
#hlavicka .cblAppInfo .ico { background:url('img/tm_ico.png')  no-repeat -60px 0px; }
#hlavicka .cblHelp .ico { background:url('img/tm_ico.png')  no-repeat -90px 0px; }
#hlavicka .cblSignCard .ico { background:url('img/tm_ico.png')  no-repeat 0px 0px; }

#hlavicka .cblDocuments .ico:hover { background:url('img/tm_ico.png')  no-repeat -120px -30px; }
#hlavicka .cblSettings .ico:hover { background:url('img/tm_ico.png')  no-repeat -30px -30px; }
#hlavicka .cblAppInfo .ico:hover { background:url('img/tm_ico.png')  no-repeat -60px -30px; }
#hlavicka .cblHelp .ico:hover { background:url('img/tm_ico.png')  no-repeat -90px -30px; }
#hlavicka .cblSignCard .ico:hover { background: url('img/tm_ico.png') no-repeat 0px -30px; }

#mpheader_Info.liceseEnds .ico  {
    -webkit-animation-name: glow;
    -webkit-animation-duration: 2s;
    animation-name: glow;
    animation-duration: 2s;
    animation-iteration-count:infinite;
    border-radius: 14px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes glow {
    0%   {background-color: none;box-shadow: none;}
    50%  {background-color: #ff9f00;box-shadow: 0px 0px 4px 0 #ff9f00;}
    100% {background-color: none;box-shadow: none;}
}

/* Standard syntax */
@keyframes glow {
    0%   {background-color: none;box-shadow: none;}
    50%  {background-color: #ff9f00;box-shadow: 0px 0px 4px 0 #ff9f00;}
    100% {background-color: none;box-shadow: none;}
}