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

    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:

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



/*--- MSG -----------------------------------------------------------*/

.key-point, .caution, .note, .success, .warning, aside {
    border-radius: 2;
    display: block;
    font-size: 14px;
    margin: 16px 0;
    padding: 16px 24px 16px 42px;
}

.key-point a, .caution a, .note a, .success a, .warning a {
	text-decoration: underline;
}

.key-point a:hover, .caution a:hover, .note a:hover, .success a:hover, .warning a:hover {
	background: hsla(0,0%,100%,.7);
	border-radius: 2px;
    margin: -4px;
    padding: 4px;
	text-decoration: none;
}

.warning, .warning :link, .warning :visited, .warning {
    color: #d50000;
    background: #fce8e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23d50000' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 15px 15px;				
}

.caution, .caution :link, .caution :visited, .caution {
    color: #bf360c;
    background: #feefe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23bf360c' d='M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 15px 15px;				
}

.note, .note :link, .note :visited, .note {
    color: #01579b;
	background: #e1f5fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2301579b' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 15px 15px;
}

.success, .success :link, .success :visited, .success {
    color: #00796b;
    background: #e0f2f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2300796b' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 15px 15px;
}

.key-point, .key-point :link, .key-point :visited, .key-point {
    color: #3f51b5;
    background: #e8eaf6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%233f51b5' d='M12,2A7,7 0 0,1 19,9C19,11.38 17.81,13.47 16,14.74V17A1,1 0 0,1 15,18H9A1,1 0 0,1 8,17V14.74C6.19,13.47 5,11.38 5,9A7,7 0 0,1 12,2M9,21V20H15V21A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21M12,4A5,5 0 0,0 7,9C7,11.05 8.23,12.81 10,13.58V16H14V13.58C15.77,12.81 17,11.05 17,9A5,5 0 0,0 12,4Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 15px 15px;
}


/*--- MSG Container -----------------------------------------------------------*/

.MSGBO {
	position: absolute;
	width: 100%;
	height: 200px;
	top: 0;
	left: 0;
	z-index: 3;		
}

.MSGBO_CO1 {
    margin-left: auto; margin-right: auto;
	width: 700px;
    padding-top: 10px;		
    font-size: 15px;
}

.MSGBO_CO2 {
    margin-left: auto; margin-right: auto;
    padding-top: 15px;	
}


/*--- SVG BOX -----------------------------------------------------------*/

.svg_box {
	text-align: left;		
	font-size: 13px;
  	padding: 7px 7px 7px 20px;
	margin: 7px 0px 7px 0px;	
}

.svg-alert {
	color: #D02D1C;
	background: url("../svg/ui-alert.svg") no-repeat left center;
}

.svg-warn {
	color: #FFC107;
	background: url("../svg/ui-warn.svg") no-repeat left center;
}

.svg-info {
	color: #00796b;
	background: url("../svg/ui-info.svg") no-repeat left center;
}


/*--- MSG Process ---------------------------------------------------------*/

.process_30_info {
	font-size: 20px;
	text-align: left;
	font-weight: normal;
  	padding: 20px 52px;
	margin-bottom: 15px;
	border: 2px solid #66CC6B;
	background: #E0F3E1 url(../icons/32x32/w10/information.png) no-repeat 10px 16px;  		
}

.process_30_error {
	font-size: 20px;
	text-align: left;
	font-weight: normal;
  	padding: 20px 52px;
	margin-bottom: 15px;
	border: 2px solid #fdd981;
	background: #ffefb2 url(../icons/32x32/w10/sign_warning.png) no-repeat 10px 16px;  		
}

.process_30_auftrag {
	font-size: 20px;
	text-align: left;
	font-weight: normal;
  	padding: 20px 52px;
	margin-bottom: 15px;
	border: 2px solid #fdd981;
	background: #ffefb2 url(../icons/32x32/w10/c_clamp.png) no-repeat 10px 16px;  		
}

.process_30_sammelrechnung {
	font-size: 20px;
	text-align: left;
	font-weight: normal;
  	padding: 20px 52px;
	margin-bottom: 15px;
	border: 2px solid #fdd981;
	background: #ffefb2 url(../icons/32x32/red/edit.png) no-repeat 10px 16px;  	
}


.process_30_drittland {
	font-size: 20px;
	text-align: left;
	font-weight: normal;
  	padding: 20px 52px;
	margin-bottom: 15px;
	border: 2px solid #fdd981;
	background: #ffefb2 url(../icons/32x32/w10/hand_paper.png) no-repeat 10px 16px;  	
}

.process_30_preorder {
	font-size: 20px;
	text-align: left;
	font-weight: normal;
  	padding: 20px 52px;
	margin-bottom: 15px;
	border: 2px solid #fdd981;
	background: #ffefb2 url(../icons/32x32/blue/edit.png) no-repeat 10px 16px;  	
}