/* Text Styles */
hr { 
 color: #46403D;
 box-shadow: rgb(255 255 255 / 49%) 0px 0px 9px 2px;
}
body, table, tr, th /* Normal */
{
 font-size: 14pt;
 font-family: 'Segoe UI Light',Tahoma,Verdana,Arial,sans-serif;
 font-style: normal;
 font-weight: normal;
 color: #46403d;
 text-decoration: none;
}
table, tr, th
{
 font-size: 100%;
}
span.f_ACHTUNG_KORRIGIEREN /* ACHTUNG_KORRIGIEREN */
{
 font-size: 14pt;
 font-family: Arial,Helvetica,sans-serif;
 font-weight: bold;
 color: #ffcc00;
 background-color: #ff0000;
}
span.f_ATTENTION_CORRECT /* ATTENTION_CORRECT */
{
 font-size: 14pt;
 font-family: Arial,Helvetica,sans-serif;
 font-weight: bold;
 color: #ffcc00;
 background-color: #ff0000;
}
span.f_Bolded /* Bolded */
{
 font-weight: bold;
}
@media (max-width: 700px) {
      a.topicnavlink {display: inline-table !important;}
}
@media (max-width: 630px) {
    /* a#headerlogo { display: none !important; } */
    .p_Notes { width: 81% !important;  }
    .p_Caution   { width: 81% !important;  }
    .p_Tip   { width: 81% !important;  }
    .p_Codeblock   { width: 81% !important;  }
    .VertiGIS_Table  { width: 95% !important;  } 
    div#navcontainer  {  margin-left: 0px !important;} 
    div#navpane_tabs  {  right: 1.46rem !important;}    
    div#hmpageheader  {  left: -10px !important;   }
    div#hmpagebody  {  left: -10px !important;   }
}

@media (max-width: 600px) {
     a.topicnavlink {visibility: visible !important;}   
}
span.f_Button /* Button */
{
 font-size: 14pt;
 color: #46403d;
 font-weight: bold;
} 
span.f_bullet /* bullet */
{
 font-size: 14pt;
 color: #000000;
}
span.f_Caution /* Caution */
{
 font-size: 14pt;
 color: #46403d;
}
span.f_CodeExample /* Code Example */
{
 font-family: 'Consolas', 'Lucida Console', 'Lucida Sans', Monospace;
 font-size: 14pt;
 color: #46403d;
}
span.f_Comment /* Comment */
{
 color: #cc99ff;
}
span.f_Heading1 /* Heading1 */
{
 font-size: 17pt;
 /* color: #2f7eb3; */
 color: #ffffff;
 padding-left: 15px;
}
span.f_Heading2 /* Heading2 */
{
 font-size: 15pt;
 font-family: 'Segoe UI Light';
 color: #2f7eb3;
 padding-left: 15px;
}
span.f_Heading3 /* Heading3 */
{
 font-size: 12pt;
 font-family: 'Segoe UI Light';
 color: #2f7eb3;
}
span.f_Heading4 /* Heading4 */
{
 font-size: 12pt;
 font-family: 'Segoe UI Light';
 font-weight: underline;
 color: #2f7eb3;
}
span.f_ImageCaption /* Image Caption */
{
 font-size: 11pt;
 font-weight: bold;
}
span.f_image_in_list /* image_in_list */
{
 color: #ffffff;
 background-color: #ff0000;
}
span.f_list /* list */
{
 font-size: 14pt;
}
span.f_NewStyle /* New Style */
{
 font-size: 0.91rem;
 color: #000000;
}
span.f_NewStyle2 /* New Style2 */
{
 font-size: 0.91rem;
 color: #000000;
}
span.f_Notes /* Notes */
{
 font-size: 14pt;
 color: #46403d;
}
span.f_Codeblock /* Code Block */
{
 font-family: 'Consolas', 'Lucida Console', 'Lucida Sans', Monospace;
 font-size: 14pt;
 color: #46403d;
 background-color: #e8edd8;
}
span.f_Tip /* Tip */
{
 font-size: 14pt;
 color: #46403d;
}
span.f_Steps /* Steps */
{
 font-size: 14pt;
 color: #000000;
}
span.f_TableHeader /* Table Header */
{
 font-size: 13pt;
 line-height: normal;
 font-weight: bold;
 font-family: "Segoe UI";
 color: #727272;
}
span.f_TableTitle /* Table Title */
{
 font-size: 14pt;
 color: #2f7eb3;
}
span.f_VertiGIS_Aufzaehlung /* VertiGIS_Aufzählung */
{
}
span.f_VertiGIS_Header /* VertiGIS_Header */
{
 font-size: 1.45rem;
 font-family: 'Source Sans Pro';
 font-weight: bold;
 color: #ffffff;
}
span.f_VertiGIS_Header_Toggle /* VertiGIS_Header_Toggle */
{
 font-size: 1.45rem;
 font-family: 'Source Sans Pro';
 font-weight: bold;
}
span.f_VertiGIS_Hervorhebung /* VertiGIS_Hervorhebung */
{
 font-weight: bold;
}
span.f_VertiGIS_Highlight /* VertiGIS_Highlight */
{
 font-weight: bold;
}
span.f_VertiGIS_List /* VertiGIS_List */
{
 font-weight: bold;
 color: #2f7eb3;
}
span.f_VertiGIS_Titelname /* VertiGIS_Titelname */
{
 font-size: 2.55rem;
 font-family: 'Source Sans Pro';
 font-weight: bold;
}
span.f_VertiGIS_Title_Name /* VertiGIS_Title_Name */
{
 font-size: 2.55rem;
 font-family: 'Source Sans Pro';
 font-weight: bold;
}
span.f_VertiGIS_Ueberschrift /* VertiGIS_Überschrift */
{
 font-size: 1.45rem;
 font-family: 'Source Sans Pro';
 font-weight: bold;
 color: #ffffff;
}
span.f_VertiGIS_Ueberschrift_Toggle /* VertiGIS_Überschrift_Toggle */
{
 font-size: 1.45rem;
 font-family: 'Source Sans Pro';
 font-weight: bold;
}
/* Paragraph styles */
p, div.p_Normal  /* Normal */
{
 font-family: 'Segoe UI Light',Tahoma,Verdana,Arial,sans-serif;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 0 0 0;
 margin: 10px 0 0 0;
 /* max-width: 930px; */
 font-size: 14pt;
}
p.p_Normal   {
 font-family: 'Segoe UI Light',Tahoma,Verdana,Arial,sans-serif;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 0 0 0;
 margin: 5px 0 5px 0;
 /* max-width: 930px; */
 font-size: 14pt;
}
li.p_Normal {
 margin-left:2rem;
}
.p_Bolded /* Bolded */
{
 font-size: 1.00rem;
 page-break-inside: avoid;
}
.p_bullet /* bullet */
{
 font-size: 0.91rem;
 text-indent: -0.8125rem;
 page-break-inside: avoid;
 margin: 0 0 0.5625rem 2.2500rem;
}
.p_Caution /* Caution */
{
 padding: 16px 16px 18px 46px;
 background-position: 14px 20px;
 background-repeat: no-repeat;
 border-radius: 4px;
 max-width: 845px;
 background-color: #FCF6E0;
 font-size: 13px;
 margin: 20px 0 10px 0;
 page-break-inside: avoid;
         box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
 background-image: url('../images/icon_caution.png');
}
.p_Notes /* Notes */
{
 padding: 16px 16px 18px 46px;
 background-position: 14px 20px;
 background-repeat: no-repeat;
 border-radius: 4px;
 max-width: 845px;
 background-color: #f4f4f4;
 font-size: 13px;
         box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
 margin: 20px 0 10px 0;
 page-break-inside: avoid;
 background-image: url('../images/icon_note.png');
}
.p_Tip /* Tip */
{
 padding: 16px 16px 18px 46px;
 background-position: 14px 20px;
 background-repeat: no-repeat;
 border-radius: 4px;
 max-width: 845px;
 background-color: #f4f4f4;
 font-size: 13px;
 margin: 20px 0 10px 0;
         box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
 page-break-inside: avoid;
 background-image: url('../images/icon_tip.png');
}
.p_CodeExample /* Code Example */
{
 font-size: 1.09rem;
 page-break-inside: avoid;
 margin: 20px 0 10px 0;
}
.p_Codeblock /* Code Block */
{
 padding: 16px 16px 18px 46px;
 background-position: 10px 11px;
 background-repeat: no-repeat;
 border-radius: 4px;
 max-width: 845px;
 background-color: #e8edd8;
 font-size: 14pt;
 margin: 20px 0 10px 0;
         box-shadow: 3px 3px 4px 1px rgba(0, 0, 0, 0.29);
 page-break-inside: avoid;
 background-image: url('../images/icon_code_2.png');
}
.p_ProcedureToLeadIn  {
        font-weight: bold;
         margin-top: 1em;
         margin-bottom: 0.7rem;
         padding-bottom: 0.5rem;
         padding-left: 1.6rem;
         color: #2f7eb3;
         background-image: url('../images/procedure-arrow-medium.png');
         background-repeat: no-repeat;
         background-position: left 3px;
         page-break-after: avoid;  
}

.p_Comment /* Comment */
{
 font-size: 1.00rem;
 page-break-inside: avoid;
}
.p_Heading1 /* Heading1 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 1.8rem 0 0;
 margin: 20px 0 10px 0;
}
.p_Heading2 /* Heading2 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 1.2rem 0 0;
 margin: 20px 0 10px 0;
}
.p_Heading3 /* Heading3 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 0.8rem 0 0;
 margin: 20px 0 10px 0;
}
.p_Heading4 /* Heading4 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 page-break-inside: avoid;
 padding: 0 0.5rem 0 0;
 margin: 20px 0 10px 0;
}
.p_ImageCaption /* Image Caption */
{
 font-size: 11pt;
 color: #58585a;
 margin: 0 0 -14px 4px;
 page-break-inside: avoid;
}
.p_image_in_list /* image_in_list */
{
 font-size: 1.00rem;
 text-indent: 0.1250rem;
 page-break-inside: avoid;
 margin: 0 0 0.5625rem 2.6875rem;
}
.p_list /* list */
{
 font-size: 0.91rem;
 page-break-inside: avoid;
 margin: 0 0 0.15rem 1.3125rem;
}
.p_NewStyle /* New Style */
{
 font-size: 0.91rem;
 text-indent: -0.8125rem;
 page-break-inside: avoid;
 margin: 0 0 0.5625rem 2.2500rem;
}
.p_NewStyle2 /* New Style2 */
{
 font-size: 0.91rem;
 text-indent: -0.8125rem;
 page-break-inside: avoid;
 margin: 0 0 0.5625rem 2.2500rem;
}
.p_Steps /* Steps */
{
 font-size: 0.91rem;
 text-indent: -0.8125rem;
 page-break-inside: auto;
 margin: 0 0 0 2.5000rem;
}
}
.p_TableTitle /* Table Title */
{
 font-size: 0.91rem;
 page-break-inside: avoid;
 margin: 0.5rem 0 0.425rem 0.8rem;
}
.p_VertiGIS_Aufzaehlung /* VertiGIS_Aufzählung */
{
 font-size: 1.00rem;
 text-indent: -2.0000rem;
 page-break-inside: avoid;
 margin: 0 0 0.5625rem 2.0000rem;
}
.p_VertiGIS_Header /* VertiGIS_Header */
{
 font-size: 1.45rem;
 page-break-inside: avoid;
 page-break-after: avoid;
 margin: 1.7500rem 0 0.5625rem 0.7500rem;
}
.p_VertiGIS_Header_Toggle /* VertiGIS_Header_Toggle */
{
 font-size: 1.45rem;
 page-break-inside: avoid;
 page-break-after: avoid;
 border-color: #999999;
 border-style: double;
 border-width: 0.1250rem;
 margin: 1.7500rem 0 0.5625rem 0.7500rem;
}
.p_VertiGIS_Hervorhebung /* VertiGIS_Hervorhebung */
{
 font-size: 1.00rem;
 page-break-inside: avoid;
}
.p_VertiGIS_Highlight /* VertiGIS_Highlight */
{
 font-size: 1.00rem;
 page-break-inside: avoid;
}
.p_VertiGIS_List /* VertiGIS_List */
{
 font-size: 1.00rem;
 text-indent: -2.0000rem;
 page-break-inside: avoid;
 margin: 0 0 0.5625rem 2.0000rem;
}
.p_VertiGIS_Titelname /* VertiGIS_Titelname */
{
 font-size: 2.55rem;
 page-break-inside: avoid;
 margin: 0.4375rem 0 0.4375rem 0.7500rem;
}
.p_VertiGIS_Title_Name /* VertiGIS_Title_Name */
{
 font-size: 2.55rem;
 page-break-inside: avoid;
 margin: 0.4375rem 0 0.4375rem 0.7500rem;
}
.p_VertiGIS_Ueberschrift /* VertiGIS_Überschrift */
{
 font-size: 1.45rem;
 page-break-inside: avoid;
 page-break-after: avoid;
 border-color: #46403d;
 border-style: solid;
 border-width: thin;
 border-top: none;
 border-right: none;
 border-bottom: none;
 background: #46403d;
 padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
 margin: 1.4375rem 0 0.2500rem 0.4375rem;
}
.p_VertiGIS_Ueberschrift_Toggle /* VertiGIS_Überschrift_Toggle */
{
 font-size: 1.45rem;
 page-break-inside: avoid;
 page-break-after: avoid;
 border-color: #999999;
 border-style: double;
 border-width: 0.1250rem;
 padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
 margin: 1.4375rem 0 0.2500rem 0.4375rem;
}
/* Table styles */
table.VertiGIS_Tabelle {
 border: none;
 border-spacing: 0;
 border-collapse: collapse;
}
.p_TableBody   {
 font-family: "Segoe UI";
 font-size: 13pt;
}
table.VertiGIS_Tabelle tr.VertiGIS_Tabelle {
 text-align: left;
}
table.VertiGIS_Tabelle th.VertiGIS_Tabelle, table.VertiGIS_Tabelle td.VertiGIS_Tabelle {
 vertical-align: top;
 padding: 0.3125rem;
 border: solid thin #AFC0BC;
}
table.VertiGIS_Tabelle th.VertiGIS_Tabelle {
 background-color:#ffffff;
}
table.VertiGIS_Table {
 /* width: 55%; */
 max-width: 900px;
 border: none;
 border-spacing: 0;
 border-collapse: collapse;
}
table.VertiGIS_Table tr.VertiGIS_Table {
 text-align: left;
}
table.VertiGIS_Table th.VertiGIS_Table, table.VertiGIS_Table td.VertiGIS_Table {
 vertical-align: top;
 padding: 0 0.7125rem 0.7125rem;
 border: solid thin #AFC0BC;
}
table.VertiGIS_Table th.VertiGIS_Table {
 background-color:#cee4f2;
 font-weight: bold;
 line-height: 0.6rem;
 padding-top: 8px;
}
div.hmrotate90  { display:inline-block; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
div.hmrotate270 { display:inline-block; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); }

a.imagetogglelink {
  position: relative;
  display: inline-block;
}
svg.image-toggle-magnifier { /* Magnifier icon for image toggles */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 40pt;
  height: 40pt;
  max-width: 80%;
  max-height: 80%;
  fill: #FFFFFF;
  stroke: #808080;
  stroke-width: 0.5pt;
  opacity: 0.3;
  transition: opacity 0.3s;
}
img.image-toggle:hover + svg.image-toggle-magnifier, svg.image-toggle-magnifier:hover {
  opacity: 1;
}
img.welcomepage {
   padding: 15px;
}



#hmlightbox /* image lightbox */
{
  border: none;
  padding: 8px;
  background: #FFF;
  font-size: 110%;
  font-weight: bold;
  color: #777;
  box-shadow: 5px 5px 5px #888;
}

a.dropdown-toggle /* dropdown toggle caption */
{
  cursor: pointer;
}
a.inline-toggle /* inline toggle caption */
{
  cursor: pointer;
}
img.dropdown-toggle-icon /* toggle icon */
{
  cursor: pointer;
}
/* CSS for responsive image maps */

.hmImageMap a.hmHotspotRect { display:block; position:absolute; border: 1px solid transparent; background:#000; opacity:0.01 }
.hmImageMap a.hmHotspotEllipse { display:block; position:absolute; border-radius:50%; border: 1px solid transparent; background:#000; opacity:0.01 }
.hmImageMap:hover a.hmHotspotRect {opacity:0.3 }
.hmImageMap:hover a.hmHotspotEllipse { opacity:0.3 }
a.hmHotspotRect:hover { border:1px solid #000; background:#FFF; opacity:0.3 }
a.hmHotspotEllipse:hover { border:1px solid #000; background:#FFF; opacity:0.3 }


	.container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
                justify-content: center;
		width: 100%;
	}

	.cntr {
		justify-content: center;
		align-items: center;
	}

	.left {
		justify-content: left;
		align-items: center;
	}
        .btn {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		border: 1px solid #fff;
                background-color: white;
		border-radius: 3px;
		padding: 0 0 10px;
		margin: 15px;
		box-shadow: rgb(255 255 255 / 49%) 0px 0px 9px 2px;
	}
	
	.btn .top {
		width: 100%;
		text-align: center;
	}

	.access-control {
		background-color: #7d9e3e;
	}
	.analytics {
		background-color: #8563aa;
	}
	.web{
		background-color: #196ca2;
	}
	.item-manager {
		background-color: #97979e;
	}
	.mobile {
		background-color: #319093;
	}
	.printing {
		background-color: #e5932a;
	}
	.reporting {
		background-color: #dd5143;
	}
	.search {
		background-color: #bb4438;
	}
	.workflow {
		background-color: #1e8385;
	}
	.inline {
		background-color: #de6727;
	}
	.dev-center {
		background-color: #0e773c ;
	}
    .utilities {
        background-color: #0e773c;
    }
	.vertigis {
        background-color: #0e773c;
    }

	.lg {
		width: 200px;
		height: 200px;
	}

	.sm {
		width: 130px;
		height: 140px;
	}

	.btn a {
		text-align: center;
		text-decoration: none;
	}

	.green {
		background-color: #fff;
		border: 2px solid #158944;
	}

	.orange {
		background-color: #d99743;
		border: 2px solid #d99743;
	}

        .sector-icon {
                width: auto;
                height: 90px;
		margin-bottom: 20px;
                margin-top: 5px;
                fill: #158944;
    }

	.btn .sector,
	.btn .lang-container {
		transition: all .2s ease-in-out;
	}

	/*.btn:hover .sector,
	.btn:hover .lang-container {
                background-color: rgba(21, 137, 68, .10);
		transition: all .2s ease-in-out;
                background: radial-gradient(circle, rgba(21, 137, 68, 0) 0%, rgba(21, 137, 68, .07) 100%);
	} */

        .btn:hover {
		/*background-color: rgba(21, 137, 68, .10); */
                transition: background-color 0.2s ease-in-out;
	        /* background: radial-gradient(circle, rgba(21, 137, 68, 0) 0%, rgba(21, 137, 68, 0.07) 100%); */
		box-shadow: rgb(255 255 255 / 63%) 0px 0px 14px 7px;
	}
         
	.btn p {
		text-align: center;
		color: #333;
		font-weight: bold;
		font-size: 16px;
		margin: 10px 0 5px;
		padding: 0 5px;
	}

    .btn-secondary {
        background-color: #f1f1f1;
        display: inline-flex;
		flex-direction: row;
		align-items: center;
		border: 1px solid #333;
		border-radius: 3px;
		padding: 10px;
		margin: 15px;
		box-shadow: rgba(0, 0, 0, .1) 2px 2px 4px;
    }
    .btn-secondary p {
        margin: 0 15px 0 0;
        font-weight: bold;
        font-size: 16px;
    }
    .btn-secondary .flag {
        margin: 0 2px;
    }
    .btn-secondary .flags {
		align-items: center;
        height: auto;
    }
	.btn-secondary .flags a {
		line-height: 0;
	}

	.icon {
		width: 65px;
	}

	.icon-sm {
		width: 35px;
		padding: 5px;
	}

	.lang-container {
		display: flex;
		flex-direction: row;
	}

	.lang {
		text-align: center;
		margin: 10px 0 0 0;
	}

	.lang p {
		display: none;
	}



	.flags {
        display: flex;
        flex-direction: row;
        height: 25px;
        margin-top: auto;
	}


	.flags {
        display: flex;
        flex-direction: row;
        /* height: 25px; */
        margin-top: auto;
        }
        
    .flags a, a:visited {
        color: #0e773c;
        text-decoration: underline;
    }
    
    .flags a:hover {
        color: #b0c96d;
    }
    
    .flag {
        padding: 0px;
        margin: 10px 2px 0px;
        justify-content: center;
        display: inline-flex;
        align-items: center;
        z-index: 0;
    }


	.product {
		display: flex;
		flex-direction: column;
	}