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

    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:

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

.btn {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;	
	text-align: center;	
	color: #000000;
 	cursor: pointer;
    cursor: hand;	
	margin: 0;
	border: 1px solid #DBDBDB;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
	margin: 20px 15px 0 0;	
	padding: 4px 20px 4px 20px;				
	text-transform: uppercase;
}

.btn:hover {
	background-color: #79C7F4;
	border: 1px solid #129BED;
	
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
}

.btn_small {
	background: none;
	border: 1px solid #d9d9d9;
	color: #333333;
	width: 36px;
	height: 28px;
	padding: 0;	
	float: left;
 	cursor: pointer;
    cursor: hand;				
}

.btn_small:hover {
	background-color: #e0e0e0;
	border: 1px solid #cccccc;	
}

.btn_disabled {
	opacity: 0.333;
}

.btn_disabled:hover {
 	cursor: default;
	background: none;
	border: 1px solid #d9d9d9; 	
	opacity: 0.333;		
}

.btn_tbl_svg {
	cursor: pointer;
	cursor: hand;	
	padding: 4px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;		  			
}

.btn_tbl_svg:hover {
	fill: #4285f4;
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;		  		
}

.btn_svg {
	cursor: pointer;
	cursor: hand;
	fill: rgba(0,0,0,0.54);
}

.btn_svg:hover {
	fill: #4285f4;
}


.b-arrow_left {
	width:21px;
	height:21px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAASUlEQVR42mNgGAWDARgA8X0gdqCmge+B+D+UprqBBiPLwP/UMJABzcAGasV2ApKh76nlUroaHEALg/9D+TRxMQO1DTZgGAV0AwCIaCf+/5mIMwAAAABJRU5ErkJggg==) no-repeat 0px 0px;
}

.b-arrow_right {
	width:21px;
	height:21px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAQklEQVR42mNgGAX0BAZAfB9KUw28B+L/UNqAmi4dNZi2BhdADYUZTFWXgnDC8DcwAckwqhjIQG0Xons9gWEUDDgAAF4oJ55dGKq2AAAAAElFTkSuQmCC) no-repeat 0px 0px;
}

.b-arrow_expand_open {
	background: #F1F1F1 url(../btn/btn_expand_open.gif) no-repeat center center;
	margin: 0px;	
	width: 30px;
	padding: 5px 4px 4px 4px;
}

.b-list {
	margin: 0px 5px 0px 0px;
	width: 25px;
	height: 22px;
	padding: 3px;
	font-size: 12px;	
}

.b-up {
	margin: 0px;
	padding: 0px;
	width: 16px;
    height: 12px;
	background: transparent url(../btn/btn_up.gif) no-repeat left center;
}

.b-down {
	margin: 0px;
	padding: 0px;
	width: 16px;
    height: 12px;
	background: transparent url(../btn/btn_down.gif) no-repeat left center;
}

.b-close {
	background: url(../icons/16x16/ocw/delete.png) no-repeat 10% center;	
	margin: 0px;
	padding: 11px 15px 10px 32px;	
	border: 1px solid transparent;
	border-radius: 0px;
}

.md-22 {
	width: 22px;
    height: 22px;    
}

.md-24 {
	width: 24px;
    height: 24px;    
}

.md button {
	cursor: pointer;
	margin: 0px 3px;
	background: #FFFFFF;
	color: #757575;		
}

.md button:hover {
	fill: #4285f4;
	color: #4285f4;
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		  			
}

.b-box {
	font-size: 13px;
	background-color: #FFFFFF;
	border: 1px solid #d9d9d9;
	padding: 0px 12px;
	line-height: 26px;
	margin: 0px;
	text-align: center;
}

.b-address {
	font-size: 13px;
	font-weight: 500;
	color: #3367D6;	
	background-color: #FFFFFF;
	border: 1px solid #d9d9d9;
	padding: 0px 12px;
	line-height: 26px;
	margin: 0px;
}

.b-default:hover {
	color: #3367D6;
	background-color: #FFFFFF;
	border: 1px solid #3367D6;
}






/*-- SVG BTN --------------------------------------------------------------------*/

.svg_filter_arrow {
	float: right;
	width: 24px;
	height: 24px;
	fill: rgba(0,0,0,0.54);
	cursor: pointer;
	padding: 0px;
	-webkit-border-radius: 20px;
	border-radius: 20px;	
}

.svg_filter_arrow:hover {
	fill: #4285F4;	
    -webkit-border-radius: 20px;
    border-radius: 20px;	
	transition: 0.3s ease all; 
	-moz-transition: 0.3s ease all; 
	-webkit-transition: 0.3s ease all;
	background-color: rgba(0,0,0, 0.1 );
}

.svg_sort {
	width: 24px;
	height: 24px;
	fill: rgba(0,0,0,0.54);
	cursor: pointer;
	padding: 0px;
	-webkit-border-radius: 20px;
	border-radius: 20px;	
}

.svg_sort:hover {
	fill: #4285F4;	
    -webkit-border-radius: 20px;
    border-radius: 20px;	
	transition: 0.3s ease all; 
	-moz-transition: 0.3s ease all; 
	-webkit-transition: 0.3s ease all;
	background-color: rgba(0,0,0, 0.1 );
}

.svg_sort_small {
	width: 20px;
	height: 20px;
	fill: rgba(0,0,0,0.54);
	cursor: pointer;
	padding: 0px;
	-webkit-border-radius: 20px;
	border-radius: 20px;	
}

.svg_sort_small:hover {
	fill: #4285F4;	
    -webkit-border-radius: 16px;
    border-radius: 16px;	
	transition: 0.3s ease all; 
	-moz-transition: 0.3s ease all; 
	-webkit-transition: 0.3s ease all;
	background-color: rgba(0,0,0, 0.1 );
}

.sc_green {
	
} 

.svg_switch_on {
	float: left;
	width: 26px;
	fill: #4CAF50;		
	cursor: pointer;
	padding: 2px;
}

.svg_switch_on:hover {
    -webkit-border-radius: 50px;
    border-radius: 50px;	
	transition: 0.3s ease all; 
	-moz-transition: 0.3s ease all; 
	-webkit-transition: 0.3s ease all;
	background-color: rgba(0,0,0, 0.1 );
}

.svg_switch_off {
	float: left;
	width: 26px;
	fill: #BFBFBF;
	cursor: pointer;
	padding: 2px;
}

.svg_switch_off:hover {
    -webkit-border-radius: 50px;
    border-radius: 50px;	
	transition: 0.3s ease all; 
	-moz-transition: 0.3s ease all; 
	-webkit-transition: 0.3s ease all;
	background-color: rgba(0,0,0, 0.1 );
}



.svg_btn {
	cursor: pointer;
	cursor: hand;	
	padding: 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;		  			
}

.svg_btn:hover {
	fill: #4285f4;
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;		  		
}

.svg_open {
	fill: #357AE8;
	width: 14px;
 	margin-left: 5px;	
}

.svg_download {
	fill: #357AE8;
	width: 16px;
	margin-top: 2px;
 	margin-left: 3px;	
}

.svg_email {
	fill: #357AE8;
	width: 14px;
	margin-top: 3px;	
 	margin-right: 3px;	
}

.svg_phone {
	fill: #357AE8;
	width: 14px;
	margin-top: 3px;	
 	margin-right: 3px;	
}

.svg_cam {
	cursor: pointer;
	cursor: hand;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;		  			
}
.svg_cam svg {
	padding: 5px;
	background-color: rgba(0,0,0, 0.4);
	width: 24px;
	height: 24px;
	fill: #EEEEEE;
	border-radius: 20px;		  			
}

.svg_cam svg:hover {
	fill: #357AE8;
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;		  		
}

.svg_toggle {
	cursor: pointer;
	cursor: hand;	
	width: 22px;
	padding: 0px;
	margin: auto;
	fill: rgba(0,0,0,0.54);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	fill: rgba(0,0,0,0.54);		  			
}

.svg_toggle:hover {
	fill: #4285f4;
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;		  		
}

.io16 {
	width: 16px;
	padding: 2px;	
	fill: rgba(0,0,0,0.54);
}

.io18 {
	width: 18px;
	margin: auto;
	fill: rgba(0,0,0,0.54);
}

.b12 {
	width: 12px;
	padding: 1px;
	margin: auto;
	fill: rgba(0,0,0,0.54);
}

.b14 {
	width: 14px;
	padding: 1px;
	margin: auto;
	fill: rgba(0,0,0,0.54);
}

.b15 {
	width: 15px;
	padding: 2px;
	margin: auto;
	fill: rgba(0,0,0,0.54);
}

.b16 {
	width: 16px;
	padding: 3px;
	margin: auto;
	fill: rgba(0,0,0,0.54);
}

.ic16 {
	width: 16px;
	padding: 3px;
	margin: auto;
	fill: rgba(0,0,0,0.54);
}

.b18 {
	width: 18px;
	padding: 5px;
	fill: rgba(0,0,0,0.54);
}

.b20 {
	width: 20px;
	padding: 5px;
	fill: rgba(0,0,0,0.54);
}

.b22 {
	width: 22px;
	padding: 5px;
	fill: rgba(0,0,0,0.54);
}

.b24 {
	width: 24px;
	padding: 7px;
	fill: rgba(0,0,0,0.54);
}


/*-- Icon Buttons --------------------------------------------------------------------*/
.btn_18 {
	float: left;
	margin-top: 0px;
	margin-left: 15px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
 	cursor: pointer;
    cursor: hand;		
    margin-bottom: 5px;
}

.btn_18 svg {
	width: 18px;
	padding-right: 5px;
	fill: rgba(0,0,0,0.54);
	float: left;
}

.btn_18:hover {
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}


.btn_18_blue {
	float: left;
	font-weight: 500;
	margin-top: 0px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
 	cursor: pointer;
    cursor: hand;		    
    color: #3367D6;
    text-transform: uppercase;
    vertical-align: middle;    
}

.btn_18_blue svg {
	width: 18px;
	padding-right: 5px;
	fill: #3367D6;
	float: left;
}

.btn_18_blue:hover {
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}


.btn_18_blue_grid {
	float: left;
	font-weight: 500;
	margin-top: 0px;
	margin-left: 15px;
    margin-bottom: 5px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
 	cursor: pointer;
    cursor: hand;		    
    color: #3367D6;
    text-transform: uppercase;
    vertical-align: middle;    
}

.btn_18_blue_grid svg {
	width: 18px;
	padding-right: 5px;
	fill: #3367D6;
	float: left;
}

.btn_18_blue_grid:hover {
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}


.checkbox_18 {
	float: left;
	margin-top: 0px;
	margin-left: 15px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
 	cursor: pointer;
    cursor: hand;		
}

.checkbox_18 div,
.checkbox_18 svg {
	width: 24px;
	padding-right: 7px;
	margin-top: -1px;
	float: left;
}

.checkbox_18:hover {
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}

/*-- Icon Buttons --------------------------------------------------------------------*/
.btn_20 {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	height: 22px;
	line-height: 22px;
	padding: 5px;
 	cursor: pointer;
    cursor: hand;		
    margin-bottom: 5px;
}

.btn_20_right {
	float: right;
	margin-right: 0px;
	margin-left: 20px;
}

.btn_20 svg {
	width: 20px;
	padding-right: 5px;
	fill: rgba(0,0,0,0.54);
	float: left;
}

.btn_20:hover {
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}


.btn_20_blue  {
    color: #3367D6;	
    fill: #3367D6 !important;	
}


/*-- GREEN --------------------------------------------------------------------*/

.bb-green {
	color: #FFFFFF;
	background-color: #43a047;
	border: 1px solid #388e3c;
	padding: 5px 12px 4px 12px;	
	min-width: 120px;
}

.bb-green:hover {
	color: #FFFFFF;
	background-color: #388e3c;
	border: 1px solid #2e7d32;
}

.sb-green {
	color: #FFFFFF;
	background-color: #43a047;
	border: 1px solid #388e3c;
	padding: 5px 12px 4px 12px;	
	margin: 0px;
	min-width: 120px;
}

.sb-green:hover {
	color: #FFFFFF;
	background-color: #388e3c;
	border: 1px solid #2e7d32;
}

.mb-green {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #43a047;
	border: 1px solid #388e3c;
	padding: 2px;	
	margin: 0px;
	min-width: 80px;
}

.mb-green:hover {
	color: #FFFFFF;
	background-color: #388e3c;
	border: 1px solid #2e7d32;
}


/*-- BLUE --------------------------------------------------------------------*/

.bb-blue {	
	font-size: 13px;
	font-weight: 500;
	color: #FFFFFF;	
	background-color: #1a73e8;
	border: 1px solid #1976d2;
	padding: 0px 12px;
	line-height: 28px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;	
}

.bb-blue:hover {
	background-color: #185abc;
	border: 1px solid #185abc;
}

.bb-blue:focus {
 	outline: none;		
}

.sb-blue {
	font-size: 13px;
	font-weight: 500;
	color: #FFFFFF;	
	background-color: #1a73e8;
	border: 1px solid #1976d2;
	padding: 0px 12px;
	line-height: 26px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;	
	margin: 0px;
}

.sb-blue:hover {
	background-color: #185abc;
	border: 1px solid #185abc;
}

.sb-blue:focus {
 	outline: none;		
}

.mb-blue {
	font-size: 11px;
	font-weight: 500;
	color: #FFFFFF;
	background-color: #1a73e8;
	border: 1px solid #1976d2;
	padding: 2px 4px;
	margin: 0px;
	min-width: 80px;	
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);	
	letter-spacing: 0.25px;
}

.mb-blue:hover {
	background-color: #185abc;
	border: 1px solid #185abc;
}

.mb-blue:focus {
 	outline: none;		
}


/*-- GREY --------------------------------------------------------------------*/

.bb-grey {	
	font-size: 13px;
	font-weight: 500;
	color: #1a73e8;	
	background-color: transparent;
	border: 1px solid #dadce0;
	padding: 0px 12px;
	line-height: 28px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;	
}

.bb-grey:hover {
	background-color: #F6FAFE;
	border: 1px solid #1a73e8;
}

.sb-grey {
	font-size: 13px;
	font-weight: 500;
	color: #444444;	
	background-color: #f5f5f5;
	border: 1px solid #dadce0;
	padding: 0px 12px;
	line-height: 26px;
	min-width: 120px;
	letter-spacing: 0.25px;	
	margin: 0px;
}

.sb-grey:hover {
	background: rgba(0,0,0,0.10);
	border: 1px solid #C8C8C8;
}

.mb-grey {
	font-size: 11px;
	color: #1a73e8;	
	background-color: transparent;
	border: 1px solid #dadce0;
	padding: 2px 4px;	
	margin: 0px;
	min-width: 80px;
	letter-spacing: 0.25px;	
}

.mb-grey:hover {
	background-color: #F6FAFE;
	border: 1px solid #1a73e8;
}

/*-- RED --------------------------------------------------------------------*/

.bb-red {
	color: #FFFFFF;
	background-color: #e53935;
	border: 1px solid #d32f2f;	
	font-size: 13px;
	font-weight: 500;
	padding: 0px 12px;
	line-height: 28px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;			
}

.bb-red:hover {
	color: #FFFFFF;
	background-color: #d32f2f;
	border: 1px solid #c62828;
}

.sb-red {
	color: #FFFFFF;
	background-color: #e53935;
	border: 1px solid #d32f2f;
	font-size: 13px;
	font-weight: 500;
	padding: 0px 12px;
	line-height: 28px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;	
	margin: 0px;
}

.sb-red:hover {
	color: #FFFFFF;
	background-color: #d32f2f;
	border: 1px solid #c62828;
}

.mb-red {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #d32f2f;
	border: 1px solid #c62828;
	padding: 2px 4px;	
	margin: 0px;
	min-width: 80px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);	
	letter-spacing: 0.25px;	
}

.mb-red:hover {
	background-color: #d32f2f;
	border: 1px solid #c62828;
}

/*-- ORANGE --------------------------------------------------------------------*/

.bb-orange {
	font-size: 13px;
	font-weight: 500;	
	color: #FFFFFF;
	background-color: #fb8c00;
	border: 1px solid #f57c00;
	padding: 0px 12px;
	line-height: 28px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;	}

.bb-orange:hover {
	background-color: #f57c00;
	border: 1px solid #ef6c00;
}

.sb-orange {
	font-size: 13px;
	font-weight: 500;	
	color: #FFFFFF;
	background-color: #fb8c00;
	border: 1px solid #f57c00;
	padding: 0px 12px;
	line-height: 28px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;	
	margin: 0px;}

.sb-orange:hover {
	color: #FFFFFF;
	background-color: #f57c00;
	border: 1px solid #ef6c00;
}

.mb-orange {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #fb8c00;
	border: 1px solid #f57c00;
	padding: 2px 4px;	
	margin: 0px;
	min-width: 80px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);	
	letter-spacing: 0.25px;	
}

.mb-orange:hover {
	background-color: #f57c00;
	border: 1px solid #ef6c00;
}


/*-- YELLOW --------------------------------------------------------------------*/

.bb-yellow {
	font-size: 13px;
	font-weight: 500;	
	color: #000000;
	background-color: #fdd835;
	border: 1px solid #fbc02d;
	padding: 0px 12px;
	line-height: 28px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;	
}

.bb-yellow:hover {
	background-color: #fbc02d;
	border: 1px solid #f9a825;
}

.sb-yellow {
	font-size: 13px;
	font-weight: 500;	
	color: #000000;
	background-color: #fdd835;
	border: 1px solid #fbc02d;
	padding: 0px 12px;
	line-height: 28px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;	
	margin: 0px;
}

.sb-yellow:hover {
	background-color: #fbc02d;
	border: 1px solid #f9a825;
}




.b-blue {
	font-size: 13px;
	font-weight: 500;
	color: #FFFFFF;	
	background-color: #1a73e8;
	border: 1px solid #1976d2;
	padding: 0px 12px;
	line-height: 28px;
	margin: 0px 20px 0px 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;
}

.b-blue:hover {
	background-color: #185abc;
	border: 1px solid #185abc;
}

.b-blue:focus {
 	outline: none;		
}

.b-white {
	font-size: 13px;
	font-weight: 500;
	color: #333333;	
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0px 12px;
	line-height: 28px;
	margin: 0px;
	min-width: 120px;
	letter-spacing: .25px;
}

.b-white:hover {
	background: rgba(0,0,0,0.10);
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	border: 1px solid transparent;
}

.b-grey {
	font-size: 13px;
	font-weight: 500;
	color: #1a73e8;	
	background-color: transparent;
	border: 1px solid #dadce0;
	padding: 0px 12px;
	line-height: 28px;
	margin: 0px;
	min-width: 120px;
	letter-spacing: 0.25px;
}

.b-grey:hover {
	background-color: #F6FAFE;
	border: 1px solid #1a73e8;
}

.b-red {
	font-size: 13px;
	font-weight: 500;
	color: #FFFFFF;	
	background-color: #e53935;
	border: 1px solid #d32f2f;
	padding: 0px 12px;
	line-height: 28px;
	margin: 0px 20px 0px 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	min-width: 120px;
	letter-spacing: 0.25px;
}

.b-red:hover {
	background-color: #d32f2f;
	border: 1px solid #c62828;
}

.b-red:focus {
 	outline: none;		
}



.b-search {
	color: #FFFFFF;
	background-color: #1a73e8;
	border: 1px solid #1976d2;
	padding: 4px 12px 5px 12px;	
	margin: 0px;
}

.b-search:hover {
	color: #FFFFFF;
	background-color: #185abc;
	border: 1px solid #3367D6;
}

.b-print {
	color: #FFFFFF;
	background-color: #1a73e8;
	border: 1px solid #1976d2;
	padding: 4px 12px 5px 12px;	
	margin: 0px;
}

.b-print:hover {
	color: #FFFFFF;
	background-color: #185abc;
	border: 1px solid #3367D6;
}

.b-export {
	color: #FFFFFF;
	background-color: #1a73e8;
	border: 1px solid #1976d2;
	padding: 4px 12px 5px 12px;	
	margin: 0px;
}

.b-export:hover {
	color: #FFFFFF;
	background-color: #185abc;
	border: 1px solid #3367D6;
}


.b-import {
	color: #000000;
	background-color: #fdd835;
	border: 1px solid #fbc02d;
	padding: 4px 12px 5px 12px;	
	margin: 0px;
}

.b-import:hover {
	color: #333333;
	background-color: #e0e0e0;
	border: 1px solid #cccccc;
}

.b-action {
	font-size: 13px;
	font-weight: 500;
	color: #3367D6;	
	background-color: #FFFFFF;
	border: 1px solid #d9d9d9;
	padding: 0px 12px;
	line-height: 26px;
	margin: 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

.b-action:hover {
	color: #3367D6;
	background-color: #FFFFFF;
	border: 1px solid #3367D6;
}

.b-reset {
	font-size: 13px;
	font-weight: 500;
	color: #3367D6;	
	background-color: #FFFFFF;
	border: 1px solid #d9d9d9;
	padding: 0px 12px;
	line-height: 26px;
	margin: 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

.b-reset:hover {
	color: #3367D6;
	background-color: #FFFFFF;
	border: 1px solid #3367D6;
}

.b-transfer {
	font-size: 13px;
	font-weight: 500;
	color: #3367D6;	
	border: 1px solid #d9d9d9;
	padding: 0px 12px;
	line-height: 26px;
	margin: 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%233367D6' d='M11,6V14L7.5,10.5L6.08,11.92L12,17.84L17.92,11.92L16.5,10.5L13,14V6H11M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22Z'/%3E%3C/svg%3E") no-repeat center center;	
}

.b-transfer:hover {
	color: #3367D6;
	background-color: #FFFFFF;
	border: 1px solid #3367D6;
}

.ol-print {
	font-size: 14px;
	font-weight: 500;
	color: #3367D6;	
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
    height: 36px;
    letter-spacing: .25px;
    margin-right: 24px;
    padding: 4px 24px 4px 24px;
	text-transform: none;
}

.ol-print:hover {
	color: #3367D6;
	background-color: #F6F9FE;
	border: 1px solid #FFFFFF;
}


.b-next {
	color: #333333;	
	background-color: #f1f1f1;
	border: 1px solid #d9d9d9;
	padding: 0px 15px 0px 15px;	
	font-size: 12px;
	height: 22px;
	margin: 0px;
}

.b-next:hover {
	color: #333333;
	background-color: #e0e0e0;
	border: 1px solid #cccccc;
}

.b-back {
	color: #333333;	
	background-color: #f1f1f1;
	border: 1px solid #d9d9d9;
	padding: 0px 15px 0px 15px;	
	font-size: 12px;
	height: 22px;
	margin: 0px;
}

.b-back:hover {
	color: #333333;
	background-color: #e0e0e0;
	border: 1px solid #cccccc;
}


.s-element_add {
	background: #F1F1F1 url(../icons/16x16/blue/add.png) no-repeat center center;
	margin: 2px;	
	width: 20px;
	padding: 2px;
}

.s-element_edit {
	background: #F1F1F1 url(../icons/16x16/blue/pencil.png) no-repeat center center;
	margin: 2px;	
	width: 20px;
	padding: 2px;
}

.s-element_erase {
	background: #F1F1F1 url(../icons/16x16/blue/delete.png) no-repeat center center;
	margin: 2px;	
	width: 20px;
	padding: 2px;
}



.f-recall {
	background: #F1F1F1 url(../icons/16x16/w10/phone_speech_bubble.png) no-repeat center center;
	margin: 0px;
	padding: 0px;
	width: 28px;
	height: 28px;
}

.f-all {
	background: #F1F1F1 url(../icons/16x16/w10/arrow_down.png) no-repeat center center;
	margin: 0px;
	padding: 0px;
	width: 28px;
	height: 28px;
}