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

    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:

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


/*--- Formulare ----------------------------------------------------------*/

form {
	margin: 0px;
	padding: 0px;	
}

textarea:focus,
select:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=text]:focus,
input[type=url]:focus {
  box-shadow: 0 0 2px #129BED;
  border: 1px solid #129BED;
 -webkit-transition: all 0.20s;
 -moz-transition: all 0.20s;
 -ms-transition: all 0.20s;
 -o-transition: all 0.20s; 
 outline: none;		
}

select {	
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	border: 1px solid;
	border-color: #c0c0c0 #d9d9d9 #d9d9d9 #d9d9d9;
	padding: 0px 4px 0px 4px;
	height: 28px;
}

select:option[val="1"] {
	color: #0000FF;
}

textarea {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	border: 1px solid;
	border-color: #c0c0c0 #d9d9d9 #d9d9d9 #d9d9d9;
    padding: 3px;
    line-height: 1.4em;
	word-wrap:break-word;word-break:break-all;
}
	
input[type=text] {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	border: 1px solid;
	border-color: #c0c0c0 #d9d9d9 #d9d9d9 #d9d9d9;	
	padding: 0px 4px 0px 4px;
	height: 26px;
	word-wrap:break-word;word-break:break-all;	
}	

input[type=number] {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	border: 1px solid;
	border-color: #c0c0c0 #d9d9d9 #d9d9d9 #d9d9d9;	
	padding: 0px 4px 0px 4px;
	height: 26px;
	word-wrap:break-word;word-break:break-all;	
}	

input[disabled],
input[disabled]:hover,
textarea[disabled] {
	color: #aaaaaa;
	background: #E5E5E5;
	border: 1px solid #CCCCCC;	
}

input[readonly],
textarea[readonly] {
	color: #666666;
	background-color: #E5E5E5;
}

input[type=password] {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	border: 1px solid;
	border-color: #c0c0c0 #d9d9d9 #d9d9d9 #d9d9d9;
	padding: 0px 4px 0px 4px;
	height: 26px;
	word-wrap:break-word;word-break:break-all;	
}	
		
input[type=file] {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	border: 1px solid;
	border-color: #c0c0c0 #d9d9d9 #d9d9d9 #d9d9d9;	
	padding: 2px 4px 0px 4px;
	height: 24px;
	word-wrap:break-word;word-break:break-all;	
}	
	
	
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;	
	text-align: center;	
 	cursor: pointer;
    cursor: hand;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
	text-transform: uppercase;
	
	color: #FFFFFF;
	background-color: #1e88e5;
	padding: 5px 12px 4px 12px;	
	margin: 0px;
	min-width: 120px;

}	
		
input[type=checkbox],
input[type=radio] {
	display:none;
}

input[type=checkbox] + label {
	padding-left:20px;
	height:14px;
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	background-image: url("../svg/ui-checkbox-dark-e.svg");
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	vertical-align:middle;
	cursor:pointer;
	border: 0px transparent;					
}

input[type=checkbox]:checked + label {
	background-image: url("../svg/ui-checkbox-c.svg");
}

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

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

input[type=checkbox]:disabled:hover + label {
	color: #cccccc;
	text-decoration: none;
	cursor: default;
}

input[type=radio] + label {
	padding-left:20px;
	height:15px;
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	background-image: url("../svg/ui-radio-dark-e.svg");
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	vertical-align:middle;
	cursor:pointer;
	border: 0px transparent;
}

input[type=radio]:checked + label {
	background-image: url("../svg/ui-radio-c.svg");
}

input[type=radio]:disabled + label {
	color: #cccccc;
	background-image: url("../svg/ui-radio-ed.svg");
	cursor: default;
}

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

input[type=radio]:disabled:hover + label {
	color: #cccccc;
	text-decoration: none;
	cursor: default;
}

/*
.css-checkbox { 
	background-image:url(../elements/checkbox.png);
}

.css-radiobox { 
	background-image:url(../elements/radiobox.png);
}
*/

.big-checkbox { 
	height: 16px !important;	
	line-height:18px !important;	
	font-size:13px !important;
}

.big-radiobox { 
	height: 16px !important;	
	line-height:18px !important;	
	font-size:14px !important;
}

input[type=radio] + label:hover,
input[type=checkbox]+ label:hover {
	color: #357AE8;
	text-decoration: underline;
}

.has_error {
  	border-color: #FF9494;
  	box-shadow: 0px 0px 3px 1px rgba(255,0,0,0.6);	
  	background-color: #FFEAEA;
	border: 1px solid #FF9494;
   -webkit-transition: all 0.20s;
   -moz-transition: all 0.20s;
   -ms-transition: all 0.20s;
   -o-transition: all 0.20s; 
   outline: none;			
}

.has_error select:focus,
.has_error:focus   {
  	border-color: #FF9494 !important;
  	box-shadow: 0px 0px 3px 1px rgba(255,0,0,0.6) !important;	
   -webkit-transition: all 0.20s;
   -moz-transition: all 0.20s;
   -ms-transition: all 0.20s;
   -o-transition: all 0.20s; 
   outline: none;		
}

.tri_right {
	margin: 50px 30px 0px 30px;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 212px 0 212px 50px;
	border-color: transparent transparent transparent #efefef;	
}

#SMAll {
	width: 165px;
	padding: 4px 4px 4px 7px;
	font-size: 11px;
}

#SMGroup {
	width: 165px;
	max-height: 225px;
	overflow-x: hidden;
    overflow-y: auto;	
	border: 1px solid #CCCCCC;	
	padding: 4px;
}

#SMGroup h6{
	padding-left: 4px;
}

#SMGroup::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#SMGroup::-webkit-scrollbar {
	width: 4px;
	background-color: #F5F5F5;
}

#SMGroup::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #CCCCCC;
}

.SMBox {
    font-weight: 500;
    margin-top: 0px;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    cursor: pointer;
    cursor: hand;
    vertical-align: middle;    
}

.SMBox svg {
	float: left;
	margin-top: 3px;
	width: 24px;
	fill: rgba(0,0,0,0.54);
	padding-right: 10px;
}

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

.SMBoxActiv {
	background-color: #F0F5FF;
	overflow: hidden;
}

.filter_element_txt {
	float: left;
}

.filter_element_clear {
	float: left;
	padding: 5px;
	fill: rgba(0,0,0,0.54);
	margin-left: -30px;
 	cursor: pointer;
    cursor: hand;	
}