/************************************************************************
*                                                                       *
*                  Sinorcaish Screen-based Style Sheet                  *
*                 Copyright (C) 2004-06, John Zaitseff                  *
*                                                                       *
************************************************************************/

/* Author:  John Zaitseff <J.Zaitseff@zap.org.au>
   Version: 1.2

   $Id: sinorcaish-screen.css 164 2006-01-10 04:01:17Z john $

   This file provides the Sinorcaish style sheet for screen-based user
   agents (ie, for ordinary Web browsers).  This file conforms to the
   Cascading Style Sheets 2.1 specification.

   The design of Sinorcaish is influenced by Sinorca (available from the
   Open Source Web Design site, http://www.oswd.org/), which in turn was
   based on the Acronis company web site (http://www.acronis.com/).  You
   can find more information about this design from its home page on the
   ZAP Group web site, http://www.zap.org.au/documents/styles/sinorcaish/.

   This file may be redistributed and/or modified on the condition that
   the original copyright notice is retained.
*/


/********** Global Styles **********/

/* The global font size is set to 90% as  */
/* most browsers' normal font size is too */
/* large, at least when using Verdana     */

body {
   font-family:     Verdana, "Bitstream Vera Sans", "Lucida Sans", Arial, Helvetica, sans-serif;
   font-size:       75%;
   color:           black;
   background:      #F0F0F0;
   xmargin:          0;
   padding:         0;
   border:          none;
}                                    

/*body {font-family: arial,sans-serif; background-color: #F0F0F0; font-size: 11px; color: #000000}*/



.hidden {			/* Used for content that should be displayed */
				/* by non-stylesheet-aware browsers          */
   display:         none !important;
}

.notprinted {			/* Used for content that should not be */
}				/* printed to paper                    */


/* Headings */

h1,				/* Headings (H1-H6) should only be used in */
h2,				/* the main content area                   */
h3 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.5em 0 0 0;
   padding:         0;
}

h4,
h5,
h6 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.25em 0 0 0;
   padding:         0;
}

/*h1 { font-size:     175% }*/
h1 { font-size:     150% }
/*h2 { font-size:     145% }*/
h2 { font-size:     133% }
h3 { font-size:     120% }
h4 { font-size:     105% }
h5 { font-size:     80%  }
h6 { font-size:     65%  }


/* Anchors */

a:link {
   text-decoration: none;
   color:           #0060DF;
}

a:visited {
   text-decoration: none;
   color:           #0060DF;
}

a:hover,
a:active {
   text-decoration: underline;
}


/* Inline elements and classes */

				/* This style sheet assumes B, BIG, EM, I, */
				/* SMALL, STRONG, SUB and SUP are defined  */
				/* by the browser as per the HTML4 sample  */
				/* style sheet.                            */
code,
kbd,
pre,				/* Note: PRE is a block element */
samp,
tt {
   font-family:     "Courier New", Courier, monospace;
   font-size:       115%;	/* Courier tends to be a little too small */
   line-height:     1.0;	/* Otherwise lines tend to spread out */
}

kbd,
code.markup,			/* HTML/CSS markup */
span.markup,			/* Alternative form for HTML/CSS markup */
.title {			/* Title in floating boxes / left sidebar */
   font-weight:     bolder;
}

abbr,
acronym {
   font:            inherit;	/* Don't use small-caps, etc. */
}

.tooltip {
   cursor:          help;
   border-bottom:   1px dotted #CCCCCC;
}

abbr[title],
acronym[title] {
   cursor:          help;
   border-bottom:   1px dotted #CCCCCC;
}

cite,
dfn,
var,
.fn,				/* Filename */
.url,				/* Uniform Resource Locator */
.email {			/* E-mail address */
   font-style:      italic;
}

.program,			/* Command-line name of a computer program */
.window,			/* Window or dialog box name */
.menu,				/* Menu item in a computer program */
.gui,				/* Generic GUI element in a computer program */
.key {				/* Keypress in a computer program */
   font-weight:     bolder;
}

.clearboxes {			/* Clear navboxes and floatboxes */
   clear:           right;
}

.unicode {
   font-family:     "Arial Unicode MS", "Lucida Sans Unicode", Verdana, "Bitstream Vera Sans", "Lucida Sans", Arial, Helvetica, sans-serif;
}


/* Block-inline elements */



img {
   vertical-align:  baseline;
   margin:          0;
   padding:         0;
   border:          none;
}

img.left {			/* Left-floating images */
   margin:          0.75em 1.5em 0.75em 0;
   float:           left;
}

img.right {			/* Right-floating images */
   margin:          0.75em 0 0.75em 1.5em;
   float:           right;
}

img.icon16[src] {		/* For 16x16 file-type icons */
   vertical-align:  -10%;	/* IE/Win cannot handle negative percentages */
}

del,
del * {				/* Required for Mozilla */
   text-decoration: line-through;
}

ins,
ins * {				/* Required for Mozilla */
   text-decoration: underline;
}


/* Block elements */

p {
   margin:          1em 0;
   padding:         0;
}

blockquote {			/* Should only be used in main content area, */
				/* floating boxes or left sidebar.           */
   margin:          1em 2.5em;
   padding:         0;
}

pre {				/* Should only be used in main content area  */
				/* and floating boxes.                       */
   line-height:     1.2;
   margin:          1em 2.5em;
   padding:         0;
}

pre code,
pre kbd,
pre samp,
pre tt {
   font-size:       100%;	/* PRE is already enlarged above */
   line-height:     1.2;	/* Use same value as for PRE above */
}

hr {
   color:           #999999;
   background:      transparent;
   height:          1px;	/* Required for IE/Win */
   margin:          1em 0;
   padding:         0;
   border-color:    #999999;
   border-width:    1px;
   border-style:    none none solid none;
}

hr.lighter {			/* Warning: not printed out on paper */
   color:           #F0F0F0;
   background:      transparent;
   border-color:    #F0F0F0;
}


/* Lists */

ol {
   list-style:      decimal outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}

ol.alpha {
   list-style-type: lower-alpha;
}

ol.number {
   list-style-type: decimal;
}

ul {
   list-style:      square outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}

ol ol,
ol ul,
ul ol,
ul ul {
   margin-top:      0;
   margin-bottom:   0;
}

ol ul,				/* Override possible browser styles */
ol ol ul,
ol ul ul,
ul ul,
ul ol ul,
ul ul ul {
   list-style:      square outside;
}

li {
   margin:          0;
   padding:         0;
}

dl {
   margin:          1em 0;
   padding:         0;
}

dt {
   font:            inherit;	/* Don't make the text bold by default */
   margin:          1em 0 0.25em 0;
   padding:         0;
}

dd {
   margin:          0 0 1em 2.5em;
   padding:         0;
}


/* Tables */
				/* Tables should never be used for visual */
				/* formatting: that is the role of CSS!   */

table.simple {
   color:           inherit;
   /*background:      inherit;	 Don't make tables transparent */
   background:      #ffffff;
   border-collapse: collapse;
   border-spacing:  0;
   empty-cells:     show;
   margin:          0.5em 0.5em;
   padding:         0;
   border:          1px solid #999999;
}

table.simple caption {
   text-align:      center;
   caption-side:    top;
   margin:          0 2.5em 0.75em;
   padding:         0;
   border:          none;
}

table.simple td,
table.simple th {
   margin:          0;
   padding:         0.1em 0.5em;
   border:          1px solid #999999;
}

table.simple th {
   text-align:      center;
   vertical-align:  middle;
}

table.simple td {
   text-align:     left;
   vertical-align: top;
}

table.simple th,
table.simple td.highlight,
table.simple th.highlight {
   font-weight:     bold;
   color:           inherit;
   background:      #F0F0F0;
}

table.simple td.lighter,
table.simple th.lighter {
   color:           inherit;
   background:      #F8F8F8;
}

table.simple td.left,
table.simple th.left {
   text-align:      left;
}

table.simple td.center,
table.simple th.center {
   text-align:      center;
}

table.simple td.right,
table.simple th.right {
   text-align:      right;
}


/* The following HTML elements should NOT be used in documents using this
   style sheet:

       address - use the #footer style instead
       q       - use &ldquo; and &rdquo; instead
*/


/********** Styles for Main Content **********/

#main {
   text-align:      left; /*justify;*/
   line-height:     1.5;
   color:           black;
   background:      white;
   /*margin:          0 0 0 14em;*/   /*bez sidebar*/
   padding:         0.25em 1.5em 0.5em 1em;
   border-left:     1px solid #999999;
}

#main h1,h2 {			/* Should be used once, following navhead */
   color:           #999999;
   background:      transparent;
   padding:          0 0 0.5em 0;
}

#main a:link h2 {
    color: #0066CC;
}

#main a:visited h2 {
    color: #0066CC;
}

.marked {
    font-weight: bolder;
    letter-spacing: 2px;
}

#main .highlight {		/* Highlight box (for warnings, etc) */
   color:           inherit;
   background:      #F0F0F0;
   margin:          1em 0;
   padding:         1em 2.5em;
   border:          1px solid #999999;
}

#main .totop {			/* For "Top ^" lines in FAQs, etc */
   font-size:       90%;
   text-align:      right;
   margin:          -0.75em 0 1em 0;
   padding:         0 0 0.25em 0;
   border-bottom:   1px solid #F0F0F0;
}

#main table.simple td.highlight,  /* Else "#main .highlight" will override */
#main table.simple th.highlight {
   margin:          0;
   padding:         0.25em 0.5em;
}


/* Other styles related to the main content */

#mainlink {			/* "Skip to main content" link */
   display:         none !important;
}

#navhead {			/* "Path to this page" information */
				/* Warning: not printed out on paper */
   font-size:       90%;
}

#navhead hr {
   display:         none;
}

#endmain {
   visibility:      hidden;
   clear:           both;	/* Doesn't always work under IE/Win */
}


/********** Styles for Floating Boxes **********/

				/* "navbox" is used to provide intra/inter- */
				/* page links; it is NOT printed out on     */
				/* paper.  "floatbox" is used to provide    */
				/* floating boxes that may appear anywhere  */
				/* in the main content; they ARE printed.   */
.floatbox,
.navbox {
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25;
   margin:          0 0 0.75em 1.5em;
   padding:         0.5em 1em;
   border:          1px solid #999999;
   float:           right;
   clear:           right;
}

.floatbox {
   color:           black;
   background:      #F0F0F0;
   width:           35%;
}

.navbox {
   text-align:      left;
   color:           black;
   background:      #ffcf99;
   width:           12.5em;
}

.floatbox hr,			/* Used for non-stylesheet-aware browsers */
.navbox hr {
   display:         none !important;
}

.floatbox p,
.navbox p {
   margin:          0.75em 0;
   padding:         0;
}

.floatbox ol,
.floatbox ul {
   margin:          0.75em 0;
   padding:         0 0 0 1.5em;
}

.navbox ol,
.navbox ul {
   margin:          0.5em 0;
   padding:         0 0 0 1.5em;
}

.floatbox blockquote {
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox pre {
   font-size:       95%;
   margin:          0.75em 1.5em;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0;
   padding:         0;
}

.floatbox dt {
   margin:          0.75em 0 0.25em 0;
   padding:         0;
}

.floatbox dd {
   margin:          0 0 0.75em 1.5em;
   padding:         0;
}

#main .floatbox .highlight {
   color:           inherit;
   background:      white;
   margin:          0.75em 0;
   padding:         0.75em 1.5em;
}

#main .floatbox table.simple {
   margin:          0.75em 0;
}

#main .floatbox table.simple th,
#main .floatbox table.simple td.highlight,
#main .floatbox table.simple th.highlight {
   color:           inherit;
   background:      white;
   margin:          0;
   padding:         0.25em 0.5em;
}


/********** Styles for Header **********/

				/* In this style sheet, headers are composed */
				/* of three parts: left, right and subheader */
				/* Left part is ideally an image.            */

#header {			/* Warning: not printed out on paper */
  color:           #003399;
  /*background:      url("../img/head_bg.png");/*

  /* Old browsers */
  background: #27A2B9;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(left, #FFFFFF 0%, #FFFFFF 35%, #27A2B9 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(left, #FFFFFF 0%, #FFFFFF 35%, #27A2B9 100%);

  /* Opera */
  background-image: -o-linear-gradient(left, #FFFFFF 0%, #FFFFFF 35%, #27A2B9 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(0.35, #FFFFFF), color-stop(1, #27A2B9));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 35%, #27A2B9 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 35%, #27A2B9 100%);

  height:          75px;
}

#header a:link,
#header a:visited {
   color:           #003399;
   background:      transparent;
}

#header .highlight,
#header a.highlight:link,
#header a.highlight:visited {
   color:           white;
   background:      transparent;
}

/* Left part of header (ideally an image but may be a link) */

#header div.left {
   float:           left;
   clear:           left;
}

#header div.left img {
   display:         inline-block;	/* Otherwise IMG is an inline, causing gaps */
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
   font-size:       130%;
   font-weight:     bold;
   text-decoration: none;
   color:           black;
   background:      transparent;
}

#header div.left p {
   margin:          0 0 0 0.25em;
   padding:         0;
   background:      transparent;
}

#header div.left .alt {
   color:           #FF9800;
   background:      transparent;
}

/* Right part of header is for external/global links, search, etc */

#header div.right {
   font-size:       90%;
   text-align:      right;
   color:           rgb(0,0,0);
   margin:          0;
   padding:         0.5em 1.67em 0 1em;
   float:           right;
   clear:           right;
}

#header div.right a:link,
#header div.right a:visited {
   font-weight:     bolder;
   color:           rgb(0,0,0);
   background:      transparent;
   margin:          0;
   padding:         0 0.5em;
}

#header div.right form {
   margin:          0;
   padding:         0.25em 0 0 0;
}

#header div.right form input {
   font-size:       95%;
   vertical-align:  middle;
}

/* Subheader for global links */

#header div.subheader {
   color:           white;
   background:      none repeat scroll 0 0 #a6a082 /*transparent*/;
   margin:          0;
   padding:         0.25em 1.5em 0.25em 0.5em; /* For IE/Win */
   clear:           both;
}

#header > div.subheader {
   padding:         0.5em 1.5em 0.5em 0.5em; /* For all other browsers */
}

#header div.subheader a:link,
#header div.subheader a:visited {
   font-weight:     bold;
   color:           white;
   background:      transparent;
   margin:          0;
   padding:         0 0.5em;
}

#header div.subheader .highlight,
#header div.subheader a.highlight:link,
#header div.subheader a.highlight:visited {
   color:           #FDA05E;
   background:      transparent;
}

#header div.subhright {
   text-align:      right;
   margin:          0;
   float:           right;
   clear:           right;
}

/********** Styles for Left Sidebar **********/

#sidebar {			/* Warning: not printed out on paper */
   width:           14em;
   border-right:    1px solid #999999;
   float:           left;
   clear:           both;
}

#sidebar div {
   font-size:       100%;
   /*font-size:       90%;*/
   text-align:      left;
   margin:          0;
   padding:         0.5em 1em;
   border-bottom:   1px solid #999999;
}

#sidebar div.lighter {
   color:           inherit;
   background:      white;
}

#sidebar p {
   margin:          0.5em 0;
}

#sidebar .title a:link,
#sidebar .title a:visited {
   color:           black;
   background:      transparent;
}

#sidebar ul {
   list-style:      none outside;
   margin:          0.5em 0;
   padding:         0;
}

#sidebar ul li {
   margin:          0;
   padding:         0.125em 0;
}

#sidebar p.highlight {
   color:           inherit;
   background:      white;
   margin-left:     -1em;
   margin-right:    -1em;
   padding:    0.3em 0 0.3em 1em;
   border-top:      1px solid #999999;
   border-bottom:   1px solid #999999;
}

#sidebar ul li.highlight {
   color:           inherit;
   background:      white;
   margin-left:     -1em;
   margin-right:    -1em;
   padding-left:    1em;
   border-top:      1px solid #999999;
   border-bottom:   1px solid #999999;
}

#sidebar ul li.highlight a:link,
#sidebar ul li.highlight a:visited {
   color:           black;
   background:      transparent;
}


/********** Styles for Footer **********/

#footer {
   font-size:       90%;
   font-style:      italic;
   text-align:      left;
   color:           white;
   background:      #292931; /*url("../img/footer_border.png") top no-repeat;*/
   xmargin:          0;
   padding:         0.5em 0 0.5em 0;
   clear:           both;
   height:          20px;
  position: absolute;
  bottom: 0;
  width: 99%;
}

#footer a:link,
#footer a:visited {
   text-decoration: none;
   color:           white;
   background:      transparent;
}

#footer hr {
   display:         none !important;
}

/* End of the Sinorcaish style sheet */

/***** user *****/
div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

#search-form a:link,
#search-form a:visited {
   color:           rgb(0,0,0);
   background:      transparent;
}

.HSLayersControlBoxLayerSwitcher {
    line-height: 20px;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity: 0.85;
}

.HSLayersControlBoxLayerSwitcher .olGroupActive {
    background: #27A2B9 !important;
    font-weight: 600;
    border: 1px gray solid !important;
}
.HSLayersControlBoxLayerSwitcher .olGroupActive:hover {
    background-color: #282828 !important;
    color: white;
}

.olImageLoadError {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.x-tree-node {
    font-size: 12px !important;
}

.x-panel-header {
    font-size: 12px !important;
}

.odp_tab {
    font-size: 12px !important;
}

table.hsl-coords { /*odsazení výpisu "i" pro místo kliknutí*/
    margin-top: 25px;
}

#mapHS .odp_tab th {
  /* Old browsers */
  background: #27A2B9 !important;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(left, #FFFFFF 0%, #27A2B9 100%) !important;
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(left, #FFFFFF 0%, #27A2B9 100%) !important;
  /* Opera */
  background-image: -o-linear-gradient(left, #FFFFFF 0%, #27A2B9 100%) !important;
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(1, #27A2B9)) !important;
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #27A2B9 100%) !important;
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to right, #FFFFFF 0%, #27A2B9 100%) !important;
}

.odp_pole button {
  background-color: #27A2B9;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px;
  margin: 1px;
  cursor: pointer;
}
.odp_pole button:hover {background-color: #282828; color: white;}

.hs-edit-form input, textarea {border: 1px solid #aaa; border-radius: 4px;}
.hs-edit-form input[type=text] {height: 24px !important;}
.hs-edit-form input[type=submit] {height: 32px; padding: 6px; background-color: #27A2B9; font-weight: bold; text-transform: uppercase;}
.hs-edit-form input[type=submit]:hover {background-color: #282828; color: white;}
.hs-edit-form input[type=number] {-moz-appearance: textfield; padding: 2px; height: 22px !important;}
.hs-edit-form input[type=number]::-webkit-inner-spin-button,
.hs-edit-form input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
.hs-edit-form input[type=color] {height: 28px !important; margin: 0;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #c0c0c0;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #808080;} /* úmyslně tmavší než IE, Chrome */
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #c0c0c0;} /* ie */

/*.hs-expand {
    background-image: url("../img/expand_20px.png");
    background-repeat: no-repeat;
    background-position: center center;
}*/
.hs-expand:before {font-family: "FontAwesome"; font-weight: 400; content: "\f078";} /*http://astronautweb.co/snippet/font-awesome/*/
.hs-expand:hover {
    transform: scale(1.5);
}
/*.hs-collapse {
    background-image: url("../img/collapse_20px.png");
    background-repeat: no-repeat;
    background-position: center center;
}*/
.hs-collapse:before {font-family: "FontAwesome"; font-weight: 400; content: "\f077";} /*http://astronautweb.co/snippet/font-awesome/*/
.hs-collapse:hover {
    transform: scale(1.5);
}

.hs-mpopup {
    background: transparent !important;
    font-family: arial,sans-serif;
    /*border: solid 1px red;*/ /*jen pro testovani*/
}

.hs-mtooltip {
    margin: 12px; /* umozni soucasny click do mapy i najeti do obsahu bubliny*/
    width: 300px;
}

.mpopup-route {
    font-size: 12px;
    max-width: 300px;
    background-color: #f0f0f0;
    padding: 4px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 2px black solid;
    max-height: 500px;
    overflow: auto;
    /*scrollbar-width: none;*/
}
.mpopup-cable {
    font-size: 12px;
    max-width: 300px;
    background-color: #c4c4ff;
    padding: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 2px #0000c4 solid;
}
.mpopup-protector {
    font-size: 12px;
    max-width: 300px;
    background-color: #ffc0a0;
    padding: 4px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 2px #aa5000 solid;
}
.mpopup-microtube {
    font-size: 12px;
    max-width: 300px;
    background-color: #ffc0a0;
    padding: 4px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 1px #aa5000 solid;
}
.mpopup-object12 {
    font-size: 12px;
    max-width: 300px;
    background-color: #f0b0f0;
    padding: 4px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 2px #c400c4 solid;
    max-height: 500px;
    overflow: auto;
    /*scrollbar-width: none;*/
}

.mpopup-object34 {
    font-size: 12px;
    max-width: 300px;
    background-color: #e5d2b4;
    padding: 4px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 2px #974600 solid;
    max-height: 500px;
    overflow: auto;
    /*scrollbar-width: none;*/
}

.mpopup-object5 {
    font-size: 12px;
    max-width: 300px;
    background-color: #c0c0c0;
    padding: 4px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 2px #808080 solid;
    max-height: 500px;
    overflow: auto;
    /*scrollbar-width: none;*/
}

.mpopup-unit {
    font-size: 12px;
    max-width: 300px;
    background-color: #f0f0a0;
    padding: 4px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 2px #f00000 solid;
}

.mpopup-unit-int {
    font-size: 12px;
    max-width: 300px;
    background-color: #f0f0a0;
    padding: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 1px #f00000 solid;
}

.mpopup-photo {
    vertical-align: middle;
    text-align: center;

    xfont-size: 12px;
    max-width: 300px;
    background-color: rgba(250, 250, 250, 0.8);
    padding: 4px;
    margin-bottom: 2px;
    border-radius: 3px;
    border: 1px silver solid;
    min-height: 100px;
    max-height: 350px;
    overflow: auto;
    /*scrollbar-width: none;*/
}
.mpopup-photo img {
    background-color: silver;
    padding: 4px;
    border-radius: 3px;
    border: 1px darkgray solid;
}

.mpopup-container {
    width: 100%;
}

.mpopup-column-left {
    float: left;
    width: 60%;
    white-space: nowrap;
}

.mpopup-column-right {
    float: left;
    width: 40%;
    text-align:right;
    white-space: nowrap;
}

/* Clear floats after the columns */
.mpopup-container:after {
    content: "";
    display: table;
    clear: both;
}

/*uprava vzhledu vrstvy ve stromu vrstev*/
.hs-filter {
    background-image: url("../img/filter.png");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 99% center;
}
.hs-filter i {
}

div.hs-blend, div.hs-blend img{
    mix-blend-mode: multiply !important;
}

#logo-hsoptika {
    background-image: url(../img/vyvoj/hs_optika_logo.png) !important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 64px;
    width: 196px;

}