/*######################################################################################

    Copyright (c) 2007-2024 NIT-MREZA D.O.O. All rights reserved.

    This work is the property of the company NIT-Mreza d.o.o. and may without express
    written permission not to be copied, modified, distributed or be published.

    Codename: Quantura
    Filename: %FILENAME%
    Last updated: %LAST_UPDATED%
    Description:

  ######################################################################################*/


/*--- GUI Menu left -------------------------------------------------*/
ul.gml li {
 	cursor: pointer;
    cursor: hand;
    text-align: left;
	border: 1px solid transparent;			
	padding: 0px 10px 0px 10px;
	height: 38px;
}

ul.gml li .ace  {
	margin: 8px 12px 0px 0px;	
	float: left;
}

ul.gml li span  {
    font-size: 13px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 38px;
    display: block;
}
	
ul.gml li:hover  {
	background-color: #F5F5F5;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}

ul.gml #current {
	border: 1px solid transparent;				
	background-color: #F5F5F5;
	/*background-color: #E8F0FE;*/
	color: #357AE8;	
}
ul.gml #current div {
	filter: invert(36%) sepia(72%) saturate(3103%) hue-rotate(202deg) brightness(94%) contrast(94%);
}


ul.gml #current:hover {
	background-color: #F5F5F5;	

	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
}

ul.gml .subtitle {
	font-size: 15px;			
	height: 26px;
	line-height: 26px;	
	margin: 13px 0 3px 0;
	padding: 0px;    		
 	width: 198px;
	font-weight: 700;
	padding-left: 10px;
	padding-right: 10px;
 	cursor: default;	
	background-color: #FFFFFF;
}

ul.gml .subtitle:hover {
	border: 1px solid transparent;
	background-color: #FFFFFF;
}

ul.gml .block {
	margin: 0px 0px -1px 0px;
	padding: 0;
 	height: 0px;
	border-top: 1px solid #DBDBDB;		
 	cursor: default;		
}


ul.gml #bottom {
	position: absolute;
    width: 214px;
	height: 69px;
    left: 0;
    bottom: 0;
}


ul.gml .block:hover {
	border: 1px solid transparent;	
	border-top: 1px solid #DBDBDB;		
	background-color: transparent;		 
}

.gml-s20 {
	width: 20px;
	height: 20px;		
}


/*--- Site Index -------------------------------------------------*/

ul.sindex li {
 	cursor: pointer;
    cursor: hand;
    text-align: left;
	border: 1px solid transparent;			
	padding: 0px 10px 0px 10px;
	height: 38px;
	float: left;
	width: 180px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-bottom: 10px;
}

ul.sindex li .ace  {
	margin: 8px 12px 0px 0px;	
	float: left;
}

ul.sindex li span  {
    font-size: 15px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 38px;
    display: block;
}
	
ul.sindex li:hover  {
	background-color: #F5F5F5;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}

ul.sindex .off {
	background-color: #F5F5F5;	
}
ul.sindex .off:hover {
	background-color: #F5F5F5;
}

ul.sindex .arrow {
	border: 0px;
	padding: 0px;
	width: 20px;
 	cursor: default;		
}

ul.sindex .arrow:hover {
	background-color: transparent;		 
}

/*--- Menu -------------------------------------------------*/
ul.menu li {
	font-size: 13px;  	
    float: left;
 	cursor: pointer;
    cursor: hand;
    width: 154px;
	margin-left: 5px;
	padding: 5px 7px 5px 24px;    	
    text-align: left;
    margin-bottom: 3px;
	/*border: 1px solid transparent;*/
	border: 2px solid #FF0000;	
}

ul.menu .block {
	margin: 3px 0 3px 0;
	padding: 0;
 	width: 198px;	
 	height: 1px;
	border-top: 1px dotted #DBDBDB;		
 	cursor: default;		
}

ul.menu .subtitle {
	font-size: 15px;			
	height: 26px;
	line-height: 26px;	
	margin: 17px 0 3px 0;
	padding: 0px;    		
 	width: 198px;
	font-weight: 700;
	padding-left: 7px;
 	cursor: default;	
	background-color: #FF0000;
}

ul.menu #current {
	border: 1px solid #86c3f2;
	background-color: #f6f6f6;
}

ul.menu li:hover  {
	border: 1px solid #129BED;
	background-color: #79C7F4;	
}

ul.menu .subtitle:hover {
	border: 1px solid transparent;
	background-color: #FFFFFF;	
}

ul.menu .block:hover {
	border: 1px solid transparent;	
	border-top: 1px dotted #CCCCCC;		
	background-color: transparent;		 
}


/*--- Shortcut -------------------------------------------------*/

ul.shortcut {
	margin-top: 10px;	
	margin-left: 7px;
	margin-bottom: 10px;	
	width: 180px;
}

ul.shortcut li {
 	cursor: pointer;
    cursor: hand;
    float: left;
    text-align: center;
	background-color: #F6F6F6;
	border: 1px solid #DBDBDB;
	margin-right: 5px;
	margin-bottom: 5px;
}

ul.shortcut img {
	vertical-align: middle;
}


/*--- Favoriten -------------------------------------------------*/

ul.favoriten li {
	font-size: 13px;  		
    float: left;
 	cursor: pointer;
    cursor: hand;
    width: 175px;
	margin-left: 5px;
	padding: 5px 7px 5px 3px;    	
    text-align: left;
    margin-bottom: 3px;
	border: 1px solid transparent;	
}

ul.favoriten img {
	margin-top: -1px;
	padding-right: 8px;    	
}

ul.favoriten li:hover  {
	background-color: #79C7F4;
	border: 1px solid #129BED;
}

/*--- Drop -------------------------------------------------*/

.docsDrop {
	min-height: 45px;
	padding: 10px;
	border: 1px dashed #999999;
	overflow: hidden;
	margin-bottom: 20px;
}

.docsDrop h4 {
	padding: 0px;
	margin: 0px;
	text-align: center;
	line-height: 105px;
}

/*--- Drop -------------------------------------------------*/
.droppable {
	min-height: 105px;
	padding: 10px;
	border: 1px dashed #999999;
	overflow: hidden;
}

.droppable h4 {
	padding: 0px;
	margin: 0px;
	text-align: center;
	line-height: 105px;
}

.droppable.dragover {
	background-color: #E8F0FE;
}

.dragBox {
	position: relative;
	float: left;
	padding-right: 10px;	
	padding-bottom: 10px;
}

.dragBox .thumbnail {
	width: 96px;
	height: 96px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid;
	border-color: #E6E6E6 #CCCCCC #CCCCCC #E6E6E6;
	padding: 0; 
	margin: 0;
}

.dragBox .file {
	width: 96px;
	height: 96px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid;
	border-color: #E6E6E6 #CCCCCC #CCCCCC #E6E6E6;
	padding: 0; 
	margin: 0;	
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24'%3E%3Cpath fill='%23707070' d='M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15,18V16H6V18H15M18,14V12H6V14H18Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;					
}


/*--- Tile -------------------------------------------------*/

ul.tile {
	margin: 0px;
	padding: 0px;
}

ul.tile li {
 	cursor: pointer;
    cursor: hand;	
    float: left;
    text-align: left;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}


#PL li:nth-child(10),
#PL li:nth-child(19),
#PL li:nth-child(28) {
	position: relative;
	clear: both;
}

#PL li:nth-child(3),
#PL li:nth-child(6),
#PL li:nth-child(9),
#PL li:nth-child(12),
#PL li:nth-child(15),
#PL li:nth-child(18),
#PL li:nth-child(21),
#PL li:nth-child(24) {
	margin-right: 80px;
}


.tile32 {
	border: 1px solid;
	border-color: #d9d9d9 #d9d9d9 #d9d9d9 #d9d9d9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	width: 120px;
	height: 75px;		
	text-align: center;
}

.tile32 img {
	margin-top: 10px;
}

.tile32 .element_bottom {
	font-size: 11px;
	text-align: center;
	margin-top: 15px;
}

.tile32:hover {
	background-color: #79C7F4;
	border: 1px solid #129BED;
}

.tile32 svg {
	width: 30px;
	height: 30px;
	padding: 10px;
}
.tile32 span {
	font-size: 11px;
}

.tile64 {
	border: 1px solid;
	border-color: #c0c0c0 #d9d9d9 #d9d9d9 #d9d9d9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	width: 110px;
	height: 100px;		
	text-align: center;
}

.tile64 img {
	margin-top: 25px;
}

.tile64 svg {
	margin-top: 25px;
}

.tile64 .element_bottom {
	font-size: 11px;
	text-align: left;
	margin-top: 25px;
	margin-left: 5px;	
}

.tile64:hover {
	background-color: #79C7F4;
	border: 1px solid #129BED;
}




.tile128 {
	border: 1px solid;
	border-color: #c0c0c0 #d9d9d9 #d9d9d9 #d9d9d9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	width: 220px;
	height: 200px;		
	text-align: center;
}

.tile128 img {
	margin-top: 80px;
}

.tile128 .element_bottom {
	font-size: 15px;
	text-align: left;
	margin-top: 50px;
	margin-left: 10px;	
}

.tile128:hover {
	background-color: #79C7F4;
	border: 1px solid #129BED;
}

.app32 {
	width: 95px;
	height: 85px;
	text-align: center;
	padding: 7px 5px;
}

.app32:hover {
	-o-transition:.2s;
  	-ms-transition:.2s;
  	-moz-transition:.2s;
  	-webkit-transition:.2s;
  	transition:.2s;				
	background-color: #e8eaf6;
	border-radius: 4px;
}

.app32 div {
	margin-top: 7px;
	font-size: 11px;
}

.app32 svg {
	width: 48px;
	height: 48px;
	padding: 5px;
	fill: #FFFFFF;
	border-radius: 4px;
}

.tile .col_1 svg {
	background: #008B8B;
}

.tile .col_2 svg {
	background: #3D9970;
}

.tile .col_3 svg {
	background: #4682B4;
}

.tile .col_4 svg {
	background: #2F4F4F;
}

.tile .col_5 svg {
	background: #9c640c;
}

.tile .col_6 svg {
	background: #1a5276;
}

.tile .col_7 svg {
	background: #3498db;
}
/*--- Box -------------------------------------------------*/

ul.box {
	margin: 0px;
	padding: 0px;
}

ul.box li {
	cursor: default;
    float: left;
    text-align: left;
	background-color: #F6F6F6;
	border: 1px solid #DBDBDB;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px;
}

ul.box img {
	vertical-align: middle;
}

ul.SelBoxText {
	border: 1px solid #DBDBDB;
	padding: 10px;
	overflow: hidden;
	background-color: #FFFFFF;
}

ul.SelBoxText li {
	cursor: default;
    float: left;
    text-align: left;
	background-color: #F6F6F6;
	border: 1px solid #DBDBDB;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px 2px 2px 5px;
}

ul.SelBoxText2 {
	overflow: hidden;
	background-color: #FFFFFF;
}

ul.SelBoxText2 li {
	cursor: default;
    float: left;
    text-align: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px 2px 2px 5px;
	height: 30px;
	line-height: 30px;
	width: 140px;	
}

ul.SelBoxBlock {
	overflow: hidden;
	background-color: #FFFFFF;
}

ul.SelBoxBlock li {
 	cursor: pointer;
    cursor: hand;			
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
  	float: left;
	background-color: #FFFFFF;
	border: 1px solid transparent;
	margin-right: 7px;	
	margin-bottom: 7px;	
	padding: 3px 4px 3px 4px;
	border: 1px solid #DBDBDB;	
	border-radius: 2px;
	height: 20px;
	line-height: 20px;	
}


ul.SelBoxBlock li:hover  {
	background-color: rgba(0,0,0,0.12);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}

ul.SelBoxBlock .current {
	color: #357AE8;	
	background-color: #F5F5F5;
}


/*--- Print Box -------------------------------------------------*/

ul.obox {
	margin: 0px;
	padding: 0px;
}

ul.obox li {
	cursor: default;
    float: left;
    text-align: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 140px;
}

/*--- Print Box -------------------------------------------------*/

ul.pbox {
	margin: 0px;
	padding: 0px;
}

ul.pbox li {
	cursor: default;
    float: left;
    text-align: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


/*--- SelBox Menu -------------------------------------------------*/

ul.SelBox {
	border: 1px solid #DBDBDB;
	padding-left: 5px;
	padding-top: 5px;
	overflow: hidden;
}
	
ul.SelBox li {
 	cursor: pointer;
    cursor: hand;
	padding: 5px;
	width: 90px;
	height: 90px;
	line-height: 1.6em;
    float: left;
	font-size: 11px;
    text-align: center;
	background-color: #F6F6F6;	
	border: 1px solid #DBDBDB;	
	margin-right: 4px;	
	margin-bottom: 4px;		
}

ul.SelBox img {
	margin-bottom: 5px;
}	

ul.SelBox li:hover  {
	border: 1px solid #129BED;
	background-color: #79C7F4;
}

ul.SelBox .current {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
}


/*--- SelBox Content -------------------------------------------------*/

ul.SelContentBox {
	width: 336px;
	border-top: 1px solid #DBDBDB;
}

ul.SelContentBox li {
 	cursor: pointer;
    cursor: hand;
	width: 329px;
	padding-left:5px;	
	height: 54px;		
    float: left;
    text-align: left;
	background-color: #FFFFFF;	
	border-left: 1px solid #DBDBDB;	
	border-right: 1px solid #DBDBDB;			
	border-bottom: 1px solid #DBDBDB;	
	border-top: 1px solid transparent;
}

ul.SelContentBox #main {
	font-weight: normal;
	color: #357AE8;
	font-size: 17px;	
	padding-top: 6px;	
	padding-bottom: 2px;			
}

ul.SelContentBox #sub {
	font-weight: normal;
	font-size: 13px;
	padding-bottom: 2px;		
}

ul.SelContentBox li:hover  {
	background-color: #79C7F4;
	border: 1px solid #129BED;
}

ul.SelContentBox li:hover #main {
	color: #FFFFFF;
}

/*--- SelBox Content -------------------------------------------------*/

ul.SelContentBox2 {
	width: 336px;
}

ul.SelContentBox2 li {
 	cursor: pointer;
    cursor: hand;
	width: 300px;
	padding-left:5px;	
	height: 34px;		
    float: left;
    text-align: left;
	background-color: #FFFFFF;	
	border-left: 1px solid #DBDBDB;	
	border-right: 1px solid #DBDBDB;			
	border-bottom: 1px solid #DBDBDB;	
	border-top: 1px solid transparent;
	margin: 5px;
}

ul.SelContentBox2 #main {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 17px;	
	padding: 7px;	
}

ul.SelContentBox2 li:hover  {
	background-color: #BBBBBB;
	border: 1px solid #CCCCCC;
}

/*--- SelBox Content -------------------------------------------------*/

ul.SelContentBox3 li {
 	cursor: pointer;
    cursor: hand;
	width: 95%;
	height: 54px;		
    float: left;
    text-align: left;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    background: #fff;	
	overflow: hidden;	
	padding: 7px;	
	margin-bottom: 18px;	
    
}

ul.SelContentBox3 p {
	font-weight: normal;
	font-size: 13px;
	color: #999999;
}

ul.SelContentBox3 li:hover  {
	background-color: #F5F5F5;
	color: #357AE8;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}


/*--- SelBox Menu -------------------------------------------------*/

ul.SelBoxSmall {
	overflow: hidden;
}
	
ul.SelBoxSmall li {
 	cursor: pointer;
    cursor: hand;
	padding: 7px;
	width: 40px;
	height: 40px;
	line-height: 1.6em;
    float: left;
	font-size: 11px;
    text-align: center;
	margin-right: 5px;	
	margin-bottom: 5px;	
	border: 1px solid #e5e5e5;
}

ul.SelBoxSmall img {
	margin-bottom: 5px;
}	

ul.SelBoxSmall svg {
	width: 24px;
	height: 24px;
	fill: #5F6368;
	margin-bottom: 5px;
}	


ul.SelBoxSmall li:hover  {
	background-color: #F5F5F5;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	

}

ul.SelBoxSmall .current {
	background-color: #F5F5F5;
	color: #357AE8;
	fill: #357AE8;	
}

/*--- SelBox Menu -------------------------------------------------*/

ul.SelBoxSmall2 {
	border: 1px solid #DBDBDB;
	padding-left: 5px;
	padding-top: 5px;
	overflow: hidden;
}
	
ul.SelBoxSmall2 li {
 	cursor: pointer;
    cursor: hand;
	padding: 5px;
	width: 40px;
	height: 40px;
	line-height: 1.6em;
    float: left;
	font-size: 11px;
    text-align: center;
	background-color: #F6F6F6;	
	border: 1px solid #DBDBDB;	
	margin-right: 5px;	
	margin-bottom: 5px;		
}

ul.SelBoxSmall2 img {
	margin-bottom: 5px;
}	

ul.SelBoxSmall2 li:hover  {
	border: 1px solid #129BED;
	background-color: #79C7F4;
}

ul.SelBoxSmall2 .current {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
}

/*--- SelBox Menu -------------------------------------------------*/

ul.SelABook {
	overflow: hidden;
}
	
ul.SelABook li {
 	cursor: pointer;
    cursor: hand;
	padding: 3px 7px 3px 3px;
	height: 22px;
	line-height: 22px;
    float: left;
	font-size: 12px;
    text-align: left;
	margin-right: 1px;	
	margin-bottom: 5px;		
}

ul.SelABook img,
ul.SelABook svg  {
	float: left;
	margin-right: 5px;
	height: 20px;
	border-radius: 50%;
	fill: #5F6368;
}

ul.SelABook li:hover  {
	background-color: #F5F5F5;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}

ul.SelABook .current {
	border: 1px solid transparent;				
	background-color: #F5F5F5;
	color: #357AE8;	
}


.msg_to_field {
	float: left;
	height: 20px;
	line-height: 20px;
	margin-right: 3px;
	margin-bottom: 3px;
	border: 1px solid transparent;
	cursor: default;
}

.msg_to_field svg{
	fill: #5F6368;	
}

.msg_to_field:hover {
	color: #357AE8;	
}

.msg_to_field:hover svg{
	fill: #357AE8;	
}

/*--- Icon Menu -------------------------------------------------*/

ul.ScriptBox {
	width: 900px;
}

ul.ScriptBox li {
 	cursor: pointer;
    cursor: hand;
	padding: 14px;
	width: 250px;
    float: left;
	font-size: 13px;  	
    text-align: left;
	background-color: #EFEFEF;	
	border: 1px solid #CCCCCC;	
	margin: 5px;
	padding-left: 35px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		 		 			
}

ul.ScriptBox li:hover  {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
	color: #444444;
}

ul.ScriptBox #dummy  {
	height: 20px;
	padding: 0px;
	cursor: default;
	border: 1px solid transparent;
	background-color: transparent;
}

/*--- HeaderBlock -------------------------------------------*/
.headerBlock {
	text-align: left;
	font-weight: normal;		
	background-color: #ffffff;
	overflow: hidden;	
	border-left: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	padding-left: 5px;
}

#blr {
	padding-top: 5px;
	border-left: 1px solid #DBDBDB;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #DBDBDB;
}

#nb {
	padding: 0px;
	border: 1px solid #FFFFFF;
}

.headerBlock .infoBlock {
	float: left;
	padding: 5px;
}

.headerBlock .infoBlock #element {
	float: left;
	margin-right: 4px;
}

.headerBlock .leftBlock {
	float: left;
	padding: 5px;		
	line-height: 26px;			
}

.headerBlock .leftBlock #element {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.headerBlock .rightBlock {
	float: right;
	padding: 5px;		
}

.headerBlock .rightBlock #element {
	float: left;
	margin-right: 5px;
}

.headerBlock .rightBlock #selector {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.headerBlock .bottomBlock {
	float: left;
	height: 35px;
	line-height: 30px;	
}

.headerBlock .bottomBlock #element {	
	float: left;
	margin-right: 4px;
}

.headerBlock .bottomFilter {
	margin-bottom: 5px;
	height: 25px;
	line-height: 25px;	
	border: 1px solid #DBDBDB;
	background-color: #DBDBDB;			
	padding: 5px;
}

.headerBlock .bottomFilter #element {	
	float: left;
	margin-right: 4px;
}

.headerBlock #element_txt {
	float: left;
	margin-right: 4px;
	height: 26px;
	line-height: 26px;
}

/*--- FooterBlock -------------------------------------------*/
.footerBlock {
	text-align: left;
	height: 22px;
	line-height: 22px;	
	margin-top: 5px;
}

.footerBlock .leftBlock {
	float: left;
	font-size: 13px;
}

.footerBlock select {
	font-size: 13px;
	height: 22px;
	padding: 0px;
}

.footerBlock .leftBlock .block {
	padding-left: 10px;
}

.footerBlock .leftBlock #element {
	float: left;
	margin-top: 5px;
	margin-right: 4px;
}

.footerBlock .rightBlock {
	float: right;
	font-size: 13px;
}

.footerBlock .rightBlock #dummy {
	float: left;
	height: 20px;
	width: 20px;
}

.footerBlock .rightBlock #element {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.footerBlock .rightBlock #element_smalltxt {
	margin-top: 8px;
	float: left;
}

.footerBlock .rightBlock #element_link {
	float: left;
	margin-left: 10px;
	border: 1px solid #CCCCCC;		
}

.footerBlock .rightBlock #element_link:hover {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
}

.footerBlock .rightBlock2 {
	float: right;
	padding-top: 5px;	
	padding-bottom: 5px;		
	height: 22px;
	line-height: 22px;	
}

.footerBlock .rightBlock2 .infoblock li {
	float: right;
	padding-left: 3px;
	padding-right: 3px;	
	background-color: #FFFFFF;	
	border: 1px solid #CCCCCC;
	margin-right: 3px;
	margin-top: -1px;
}

.footerBlock .rightBlock2 .infoblock .dummy {
	/* background-color: #F3F3F3; */
	background-color: transparent;
	float: right;
	width: 7px;
	height: 14px;
	border: 0px;
}

/*--- HeaderBlock Small -------------------------------------------*/
.headerBlockSmall {
	width: 100%;
	text-align: left;
	font-weight: normal;		
	background-color: #ffffff;
	overflow: hidden;	
}

.headerBlockSmall .leftBlock {
	float: left;
	padding: 5px 0px 5px 0px;
}

.headerBlockSmall .leftBlock #element {
	float: left;
	margin-right: 5px;
}

.headerBlockSmall .leftBlock #element_txt {
	float: left;
	margin-right: 5px;
	height: 30px;
	line-height: 30px;
}

.headerBlockSmall .rightBlock {
	float: right;
	padding: 5px 0px 5px 0px;
}

.headerBlockSmall .rightBlock #element {
	float: left;
	margin-right: 5px;
}

.headerBlockSmall .rightBlock #element_scroll {
	float: left;
	width: 11px;
	margin-right: 11px;
}


/*--- FooterBlock -------------------------------------------*/
.footerBlockSmall {
	width: 100%;
	text-align: left;
	height: 22px;
	line-height: 22px;	
	margin-top: 5px;
}

.footerBlockSmall select {
	font-size: 12px;
	height: 21px;
	padding: 0px;
}

.footerBlockSmall .leftBlock .block {
	padding-left: 5px;
}

.footerBlockSmall .leftBlock {
	float: left;
	font-size: 12px;
}

.footerBlockSmall .leftBlock #element {
	float: left;
	margin-right: 4px;
}

.footerBlockSmall .rightBlock {
	float: right;
	font-size: 12px;
}

.footerBlockSmall .rightBlock #element {
	float: right;
	margin-right: 10px;
}


/*--- Search Output -------------------------------------------*/
.scResult {
	margin-bottom: 15px;
	padding: 6px 5px 7px 5px;
	border: 1px solid #86c3f2;		
	background-color: #baddf8;	
}

.sc0 { background-color: #ffff99; }
.sc1 { background-color: #99ffbb; }
.sc2 { background-color: #99bbff; }
.sc3 { background-color: #ff99ff; }
.sc4 { background-color: #ffbb99; }
.sc5 { background-color: #bbff99; }


/*--- Legende -------------------------------------------------*/

ul.legende {
}

ul.legende li {
 	cursor: default;
    height: 18px;
    line-height: 20px;    
    float: left;
	font-size: 11px;  	
    text-align: left;
	margin: 5px;
	padding-left: 15px;	
 	padding-right: 5px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		 		 		
}

ul.legende #dummy {
	float: left;
 	padding-left: 3px;
 	padding-right: 3px; 	
    height: 18px;
    line-height: 18px;    
    width: 10px;
    background: 0;
    border: 0px;
}

ul.legende #title {
 	cursor: default;
 	padding-left: 3px;
 	padding-right: 3px; 	
    height: 18px;
    line-height: 20px;   
    float: left;
	font-size: 11px;  	
    text-align: left;
    font-weight: bold;
}

ul.legende #text {
 	cursor: default;
    height: 18px;
    line-height: 20px;   
    float: left;
	font-size: 11px;  	
    text-align: left;
    font-weight: normal;
    padding: 2px 5px;
}

/*--- Icon Menu -------------------------------------------------*/

ul.sCalYear {
	padding: 0px;
	margin: 0px;
}

ul.sCalYear li {
 	cursor: pointer;
    cursor: hand;
	width: 38px;
	height: 22px;
	line-height: 22px;		
    float: left;
	font-size: 11px;  	
    text-align: center;
	background-color: #FFFFFF;	
	border: 1px solid #d9d9d9;	
	margin: 2px;
}

ul.sCalYear li:hover  {
	color: #3367D6;
	background-color: #FFFFFF;
	border: 1px solid #3367D6;
}

ul.sCalYear #current {
	color: #FFFFFF;
	background-color: #3367D6;
	border: 1px solid #3367D6;
}

/*--- Icon Menu -------------------------------------------------*/

ul.sCalMonth {
	padding: 0px;
	margin: 0px;
}

ul.sCalMonth li {
 	cursor: pointer;
    cursor: hand;
	width: 23.5px;
	height: 22px;
	line-height: 22px;		
    float: left;
	font-size: 11px;  	
    text-align: center;
	background-color: #FFFFFF;	
	border: 1px solid #d9d9d9;	
	margin: 2px;
}

ul.sCalMonth li:hover  {
	color: #3367D6;
	background-color: #FFFFFF;
	border: 1px solid #3367D6;
}

ul.sCalMonth #current {
	color: #FFFFFF;
	background-color: #3367D6;
	border: 1px solid #3367D6;
}

/*--- Days Icon Menu -------------------------------------------------*/	
ul.sCalDays li {
 	cursor: pointer;
    cursor: hand;
	width: 19px;
	height: 19px;
	float: left;
	line-height: 19px;		
	font-size: 9px;  	
    text-align: center;
	background-color: #efefef;	
	border: 1px solid #CCCCCC;	
	margin: 1px;
}

ul.sCalDays li:hover  {
	border: 1px solid #86c3f2;
	background-color: #baddf8;
}

ul.sCalDays #current {
	color: #FF8000;	
	border: 1px solid #FF8000;
}

ul.sCalDays #dummy {
	width: 13px;
 	cursor: default;	
	border: 1px solid #f7f7f7;
	background-color: #f7f7f7;
}

ul.sCalDays #title {
 	cursor: default;	
	border: 1px solid #f7f7f7;
	background-color: #f7f7f7;
}

ul.sCalDays #week {
	width: 13px;	
 	cursor: default;	
	border: 1px solid #f7f7f7;
	background-color: #f7f7f7;
}

ul.sCalDays #offline {
 	cursor: default;		
	color: #CCCCCC;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

ul.sCalDays #no_edit {
 	cursor: default;		
}


/*--- Icon Menu -------------------------------------------------*/

ul.sCalMonthYear {
	padding: 0px;
	margin: 0px;
}

ul.sCalMonthYear li {
 	cursor: pointer;
    cursor: hand;
	width: 53px;
	height: 22px;
	line-height: 22px;		
    float: left;
	font-size: 11px;  	
    text-align: center;
	background-color: #FFFFFF;	
	border: 1px solid #d9d9d9;	
	margin: 2px;
}

ul.sCalMonthYear li:hover  {
	color: #3367D6;
	background-color: #FFFFFF;
	border: 1px solid #3367D6;
}

ul.sCalMonthYear #current {
	color: #FFFFFF;
	background-color: #3367D6;
	border: 1px solid #3367D6;
}


/*--- Query Info -------------------------------------------------*/
.shortcut_query_box {
	height: 20px;
	line-height: 20px;
}

.shortcut_query_data {
	float: left;
	overflow: hidden;
}

.shortcut_query_info {
	float: left;
	overflow: hidden;	
	margin-left: 5px;	
}

/*--- Tooltip -------------------------------------------------*/

ul.tooltip li {
	padding: 2px;
}

ul.tooltip li b {
	padding-right: 4px;
}

/*--- Statistik -------------------------------------------------*/

ul.stats {
	margin: 0px;
	padding: 0px;
}

ul.stats li {
	cursor: default;
    float: left;
    text-align: left;
	padding: 20px;
	width: 160px;
	margin-right: 10px;
	text-align: center;
}

ul.stats li h4 {
	margin: 0px;
}

ul.stats li h5 {
	font-size: 21px;
	padding: 0px 5px 15px 5px;
}

ul.stats li h6 {
	padding: 12px 5px 6px 5px;
}

/*--- Kategorie -------------------------------------------------*/

ul.kat {
	margin: 0px;
	padding: 0px;
}

ul.kat li {
 	cursor: pointer;
    cursor: hand;
    float: left;
    text-align: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 7px 10px 23px 10px;
	width: 200px;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.24);    
	border: 1px solid #DBDBDB;	
	overflow: hidden;
}

ul.kat li.active {
	background: #e0f2f1;
	border: 1px solid #00796b;
}

ul.kat input[type=checkbox] + label {
	font-size: 14px;
}

ul.kat li.disabled {
 	cursor: default;
}

ul.kat input[type=checkbox]:checked:disabled + label {
	background-image: url("../svg/ui-checkbox-cd.svg");	
	color: #333333;
	cursor: default;
}


/*--- Device -------------------------------------------------*/

ul.device {
	margin: 0px;
	padding: 0px;
}

ul.device li {
 	cursor: pointer;
    cursor: hand;
    float: left;
    text-align: left;
	margin-right: 50px;
	padding: 5px;
	border: 1px solid transparent;
}

ul.device li:hover  {
	background-color: #F5F5F5;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}

ul.device .activ,
ul.device .open  {
    border: 1px solid transparent;
    background-color: #F5F5F5;
}

ul.device .activ h1,
ul.device .activ h2,
ul.device .activ svg {
	color: #357AE8;
	fill: #357AE8;
}

ul.device li svg {
	width: 48px;
	height: 48px;
	float: left;
	fill: #5F6368;
}

ul.device li h1 {
	float: left;
	font-weight: normal;
	color: #666666;
	font-size: 22px;
	margin: 0px;	
	padding: 2px 0px 2px 0px;
	text-align: center;
	width: 70px;
}

ul.device li h2 {
	float: left;
	text-align: center;
	width: 70px;
    font-weight: normal;
    color: #999999;
    font-size: 11px;	
    margin: 0px;
    padding: 0px;    
}

ul.device li h3 {
	float: left;
	font-weight: normal;
	color: #666666;
	font-size: 17px;
	margin: 0px;	
	padding: 2px 0px 2px 0px;
}

ul.device li h4 {
	float: left;
    font-weight: normal;
    color: #999999;
    font-size: 11px;	
    margin: 0px;
    padding: 0px;    
}

ul.device li h5 {
	float: left;
	font-weight: normal;
	color: #666666;
	font-size: 11px;
	margin: 0px;	
	padding: 2px 0px 2px 0px;
	line-height: 18px;
}

ul.device #offline svg,
ul.device #offline h3,
ul.device #offline h4,
ul.device #offline h5,
ul.device #offline {
	fill:#CCCCCC;
	color:#CCCCCC;
}
ul.device input[type=button] {
	background-color: #C2C2C2;
	border: 1px solid #C2C2C2;
}

/*--- Folder -------------------------------------------------*/

ul.lita {
	padding: 0px 0px 30px 0px;
}

ul.lita li {
 	cursor: pointer;
    cursor: hand;
    text-align: left;
	padding: 0px 10px 0px 20px;
	height: 38px;
    font-size: 13px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 38px;
    display: block;	
}

ul.lita li:hover  {
	background-color: #F5F5F5;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}

ul.lita .activ,
ul.lita .activ:hover {
	background-color: #F5F5F5;
	color: #357AE8;	
}

ul.lita .activ .numberCircle {
    color: #FFFFFF;
    background-color: #1AA260;
}

ul.lita svg {
	float: left;
	width: 20px;
	height: 20px;
	fill: #5F6368;
	height: 28px;
	line-height: 28px;	
	padding: 5px 10px 5px 0px;	
}	

ul.lita .activ > svg {
	fill: #357AE8;
}

/*--- Column -------------------------------------------------*/

ul.column {
	padding: 0px;
}

ul.column li {
 	cursor: pointer;
    cursor: hand;
    text-align: left;
	padding: 10px 10px 10px 20px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;	
}

ul.column li input[type=checkbox] + label {
    font-size: 24px;
}

ul.column li:hover  {
	background-color: #F5F5F5;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}

/*--- Folder -------------------------------------------------*/

ul.folder {
	overflow: hidden;
}

.folder li {
	overflow: hidden;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;	
	float: left;
	display: inline;
	color: #444444;
	cursor: default;	
	margin: 0;
	padding: 0px 27px 0px 7px;
	height: 38px;
	line-height: 38px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23888888' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'%3E%3C/path%3E%3C/svg%3E") no-repeat right center;
}

.folder li:hover  {
 	cursor: pointer;
    cursor: hand;	
    color: #666666;
    background: rgba(0,0,0,0.10) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23999999' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'%3E%3C/path%3E%3C/svg%3E") no-repeat right;
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	  
}

.folder li.firstElement {
	padding: 9px 27px 9px 9px;
	height: auto;
}

.folder li.lastElement {
	padding: 9px 9px 9px 8px;
	background: transparent;
	height: auto;
}

.folder .firstElement svg {
	width: 20px;
	padding: 0px;
	margin: 0px;
	float: left;
	fill: rgba(0,0,0,0.65);
}

.folder .firstElement:hover  {
	-o-transition:.2s;
  	-ms-transition:.2s;
  	-moz-transition:.2s;
  	-webkit-transition:.2s;
  	transition:.2s;			
}

.folder .lastElement svg {
	width: 20px;
	padding: 0px;
	margin: 0px;
	float: left;
	fill: #4285f4;
}

.folder .lastElement:hover {
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
}





.docsZone {
	background-color: #FFFFFF;			
	height: -moz-calc(100%);
	height: -webkit-calc(100%);
	height: -o-calc(100%);
	height: calc(100%);
	overflow: auto;
}

.docsZone.docsover {
	box-shadow: inset 0 0 40px #E8F0FE;
	-moz-box-shadow: inset 0 0 40px #E8F0FE;
	-webkit-box-shadow: inset 0 0 40px #E8F0FE;	
}


.docsZone #data-warp {	
    z-index: 12;	
    position: absolute;
	float: left;
	margin-top: 118px;	
	margin-left: 240px;	
    width: 400px;    
    left: 0px;
    top: 0px;
}

.docsZone .data-element {
	z-index: 20;
	position: relative;
	margin-bottom: 20px;
	padding: 15px;
	background: rgba(0,0,0,0.702);
    border-radius: 2px;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.24);    
    color: #FFFFFF;	
    line-height: 18px;
    font-size: 13px;
}

.docsZone .data-element svg,
.docsZone .data-element img {
	float: left;
	margin-right: 10px;
}


.docsZone #progress-wrp {
  position: relative;
  height: 4px;
  border-radius: 2px;
  margin: 0px 0 10px 0;
  text-align: left;
  background: #fff;
}

.docsZone #progress-wrp .progress-bar {
  height: 100%;
  border-radius: 2px;
  background-color: #1683D3;
  width: 0;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}


/*--- Select Hover -------------------------------------------------*/

ul.wtile {
	padding: 0px 0px 30px 0px;
}

ul.wtile li {
 	cursor: pointer;
    cursor: hand;
    display: flex;
    align-items: center;
	padding: 20px 10px 20px 20px;
    font-size: 13px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;	
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

ul.wtile li:hover  {
	background-color: #F5F5F5;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}

ul.wtile .activ,
ul.wtile .activ:hover {
	background-color: #F5F5F5;
	color: #357AE8;	
}

ul.wtile .activ .numberCircle {
    color: #FFFFFF;
    background-color: #1AA260;
}


/*--- Export -------------------------------------------------*/

ul.datapoint {
	margin: 0px;
	padding: 0px;
}

ul.datapoint li {
 	cursor: pointer;
    cursor: hand;
    text-align: left;
	margin-bottom: 10px;
	display: flex;	
	align-items: center;
	padding: 5px 5px 5px 5px;
	width: 96%;
	height: 50px;
	border: 1px solid #e5e5e5;
	line-height: 50px;	
}

ul.datapoint li:hover  {
	background-color: #F5F5F5;	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;	
}


ul.datapoint li input[type=checkbox] + label,
ul.datapoint li input[type=radio] + label {
	margin-left: 15px;
}

ul.datapoint h3  {	
	margin: 0px;
	font-size: 16px;
}

ul.datapoint .activ,
ul.datapoint .activ:hover {
	background-color: #F5F5F5;
	color: #357AE8;	
}