﻿/* START OF ANCHOR WHITE */
.BTN_ANC_SHW, .BTN_ANC_SHW_LARGE, .BTN_ANC_SHW_XLARGE
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #333333;
	background-color:#F2F2F2; 	
	line-height:26px;
	position:relative;
	box-sizing: border-box;
	border:3px solid transparent;
	/*border-radius:8px;*/
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

}
.BTN_ANC_SHW:hover, .BTN_ANC_SHW_LARGE:hover, .BTN_ANC_SHW_XLARGE:Hover{
	border:3px solid #888888;
	transition: all 0.2s linear;
}

}
/* to support image in icons with size of 16x16 and make sure they align correctly at the center */
.BTN_ANC_SHW img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW span, .BTN_ANC_SHW_LARGE span{vertical-align:middle;padding-left:3px;}

.BTN_ANC_SHW_LARGE
{
	height:42px;
	line-height:36px;
	font-size: 18px;
}


.BTN_ANC_SHW_XLARGE
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}

.BTN_ANC_SHW_DISABLED, .BTN_ANC_SHW_LARGE_DISABLED, .BTN_ANC_SHW_XLARGE_DISABLED
{
	display:inline-flex;
	cursor:default;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
	color: #888888;
	background-color:#F2F2F2; 
	box-sizing: border-box;	
	border:3px solid transparent;	
	
	position:relative;		

	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
}

.BTN_ANC_SHW_LARGE_DISABLED
{
	height:42px;
	line-height:36px;
	font-size: 18px;
}
.BTN_ANC_SHW_XLARGE_DISABLED
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}

/* END OF ANCHOR WHITE */

/* START OF ANCHOR RED */
.BTN_ANC_SHW_RED, .BTN_ANC_SHW_RED_LARGE, .BTN_ANC_SHW_REDTEXT, .BTN_ANC_SHW_RED.INVERT_RED{	
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #E00000;
	box-sizing: border-box;	
	background-color:#F2F2F2; 
	border:3px solid transparent;	

	position:relative;		

	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.BTN_ANC_SHW_RED_LARGE{
	height:42px;
	line-height:36px;
	font-size: 18px;
}

/*.BTN_ANC_SHW_RED img, .BTN_ANC_SHW_REDTEXT img{vertical-align:middle;padding:7px 2px 7px 2px;}
.BTN_ANC_SHW_RED span, .BTN_ANC_SHW_REDTEXT span{vertical-align:middle;padding-left:3px;}*/
.BTN_ANC_SHW_RED img, .BTN_ANC_SHW_REDTEXT img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_RED span, .BTN_ANC_SHW_REDTEXT span{vertical-align:middle;padding-left:3px;}


/* to support image in icons with size of 16x16 and make sure they align correctly at the center */
.BTN_ANC_SHW_RED:hover, .BTN_ANC_SHW_RED_LARGE:hover, .BTN_ANC_SHW_REDTEXT:hover{
	transition: all 0.2s linear;
	border:3px solid #E00000;		
}
.BTN_ANC_SHW_RED:hover img, .BTN_ANC_SHW_REDTEXT:hover img{
	transition: all 0.2s linear;
}

.BTN_ANC_SHW_RED.INVERT_RED, .BTN_ANC_SHW_RED_LARGE.INVERT_RED{	
	color: #E00000;
	background-color:#FFEAEA;
	
}
/*.BTN_ANC_SHW_RED img, .BTN_ANC_SHW_REDTEXT img{vertical-align:middle;padding:7px 2px 7px 2px;}
.BTN_ANC_SHW_RED span, .BTN_ANC_SHW_REDTEXT span{vertical-align:middle;padding-left:3px;}*/
.BTN_ANC_SHW_RED.INVERT_RED img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_RED.INVERT_RED span,.BTN_ANC_SHW_RED_LARGE.INVERT_RED span{vertical-align:middle;padding-left:3px;}


/* to support image in icons with size of 16x16 and make sure they align correctly at the center */
.BTN_ANC_SHW_RED:hover, .BTN_ANC_SHW_REDTEXT:hover{
	transition: all 0.2s linear;
	border:3px solid #E00000;		
}
.BTN_ANC_SHW_RED:hover img, .BTN_ANC_SHW_REDTEXT:hover img{
	transition: all 0.2s linear;
	/* Make any icon image to be white. */
	/*-webkit-filter: invert(1) brightness(0);
	filter: brightness(0) invert(1);      */
}
/* END OF ANCHOR RED */

/* START OF ANCHOR ORANGE */
.BTN_ANC_SHW_ORG, .BTN_ANC_SHW_ORG_LARGE, .BTN_ANC_SHW_ORG_XLARGE
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #FE7D0B;
	background-color:#F2F2F2;
	box-sizing: border-box;	
	border:3px solid transparent;	 
	
	position:relative;	
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
}

.BTN_ANC_SHW_ORG img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_ORG span, .BTN_ANC_SHW_ORG_LARGE span{vertical-align:middle;padding-left:3px;}


.BTN_ANC_SHW_ORG:hover, .BTN_ANC_SHW_ORG_LARGE:hover, .BTN_ANC_SHW_ORG_XLARGE:hover{
	border:3px solid #FE7D0B;
	transition: all 0.2s linear;
}

.BTN_ANC_SHW_ORG_LARGE
{
	height:42px;
	line-height:36px;
	font-size: 18px;	
}

.BTN_ANC_SHW_ORG_XLARGE
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}

.BTN_ANC_SHW_ORG.INVERT_ORG, .BTN_ANC_SHW_ORG_LARGE.INVERT_ORG, .BTN_ANC_SHW_ORG_LARGE.INVERT_ORG{	
	color: #D8670A;
	background-color:#FFEDE0;	
}
.BTN_ANC_SHW_ORG.INVERT_ORG:hover, .BTN_ANC_SHW_ORG_LARGE.INVERT_ORG:hover, .BTN_ANC_SHW_ORG_XLARGE.INVERT_ORG:hover{
	border:3px solid #D8670A;
	transition: all 0.2s linear;
}

.BTN_ANC_SHW_ORG.INVERT_ORG img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_ORG.INVERT_ORG span,.BTN_ANC_SHW_ORG_LARGE.INVERT_ORG span,.BTN_ANC_SHW_ORG_LARGE.INVERT_ORG span{vertical-align:middle;padding-left:3px;}


/* END OF ANCHOR ORANGE */



/* START OF ANCHOR GREEN */

.BTN_ANC_SHW_GRN, .BTN_ANC_SHW_GRN_LARGE, .BTN_ANC_SHW_GRN_XLARGE
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #007F17;
	background-color:#E5F9E5; 
	box-sizing: border-box;	
	border:3px solid transparent;	
	
	position:relative;	 
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* to support image in icons with size of 16x16 and make sure they align correctly at the center */
/*.BTN_ANC_SHW_GRN img{vertical-align:middle;padding:7px 2px 7px 2px;}
.BTN_ANC_SHW_GRN span{vertical-align:middle;padding-left:3px;}*/
.BTN_ANC_SHW_GRN img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_GRN span, .BTN_ANC_SHW_GRN_LARGE span{vertical-align:middle;padding-left:3px;}


.BTN_ANC_SHW_GRN:hover, .BTN_ANC_SHW_GRN_LARGE:hover, .BTN_ANC_SHW_GRN_XLARGE:hover{
	border:3px solid #50B432;
	transition: all 0.2s linear;
}

.BTN_ANC_SHW_GRN_LARGE
{
	height:42px;
	line-height:36px;
	font-size: 18px;
}

.BTN_ANC_SHW_GRN_XLARGE
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}
/* END OF ANCHOR GREEN */

/* START OF ANCHOR GOLD */

.BTN_ANC_SHW_GLD, .BTN_ANC_SHW_GLD_LARGE, .BTN_ANC_SHW_GLD_XLARGE, .BTN_ANC_SHW_GLD_LARGE_DISABLED
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	line-height:26px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #7C5500;
	background-color:#F2E6D5; 
	box-sizing: border-box;	
	border:3px solid transparent;
	
	position:relative;		
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.BTN_ANC_SHW_GLD img{position:relative;vertical-align:middle;padding:5px 2px 5px 2px;}
.BTN_ANC_SHW_GLD span, .BTN_ANC_SHW_GLD_LARGE span{vertical-align:middle;padding-left:3px;}

.BTN_ANC_SHW_GLD:hover, .BTN_ANC_SHW_GLD_LARGE:hover, .BTN_ANC_SHW_GLD_XLARGE:hover{
	border:3px solid #7C5500;
	transition: all 0.2s linear;
}

.BTN_ANC_SHW_GLD_LARGE_DISABLED
{
	cursor:default;
	color: #DDCBAF;
	background-color:#F2F2F2; 
}

.BTN_ANC_SHW_GLD_LARGE
{
	height:42px;
	line-height:36px;
	font-size: 18px;
}

.BTN_ANC_SHW_GLD_XLARGE
{
	height:52px;
	line-height:46px;
	font-size: 20px;
}

.BTN_ANC_SHW_GLD div, .BTN_ANC_SHW_GLD_LARGE div, .BTN_ANC_SHW_GLD_XLARGE div{
	filter: invert(31%) sepia(20%) saturate(3447%) hue-rotate(15deg) brightness(58%) contrast(101%);		
}

/* END OF ANCHOR GLD */

/* START OF ANCHOR BLUE */
.BTN_ANC_SHW_BLU
{
	display:inline-flex;
	cursor:pointer;
	width:auto;
	padding:0px 10px 0px 10px;
	text-align:center;
	height:32px;
	font-family: "primaryfont",Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #1763C6;
	background-color:#DCF4F3; 	
	line-height:26px;
	position:relative;
	box-sizing: border-box;
	border:3px solid transparent;
	/*border-radius:8px;*/
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	


}
.BTN_ANC_SHW_BLU:hover, .BTN_ANC_SHW_BLU_LARGE:hover, .BTN_ANC_BLU_SHW_XLARGE:Hover{
	border:3px solid #1763C6;
	transition: all 0.2s linear;
}
.BTN_ANC_SHW_BLU div{
	filter: invert(36%) sepia(32%) saturate(5744%) hue-rotate(203deg) brightness(88%) contrast(85%);		
}

/* /* START OF ANCHOR BLUE */

.BTN_SEARCH_SHW
{
	background-color:transparent;
	height:30px;
	width:50px;
	cursor:pointer;
	border:0px;
	background-image:url(/_image/icons_v2/search.png);
	background-size:18px;
	background-position:center center;	
	background-repeat:no-repeat;
	
	/* Removes iOS + others default styling */	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.BTN_SEARCH_SHW:hover{
	background-color:#f2f2f2; 	
	transition: all 0.2s linear;

}

.BTN_ANC_DISABLED{
	opacity: 0.6;
	cursor:default;	
}
.BTN_ANC_DISABLED:hover{
	border:3px solid transparent;
}
