﻿
.IconButton
{
	background: none !important;
	/* background-color: #F0F0F0 !important; */
	background-color: #E4E4E4 !important;
	color: #404040;
	border: 0px solid #C0C0C0 !important;	
	padding: 0px !important;
	text-align: left;
	border-bottom-width: 0.0em !important;
	border-radius: 0.0em;
}
.IconButton:hover
{
	background-color: #DADADA !important;
	margin-bottom: -1px !important;
	border-bottom-width: 1px !important;
}
.IconButton .IconSection
{
	display: none; /* ALL ICONS CURRENTLY HIDDEN */
	position: absolute;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	border-radius: 0.3em;
	/* background-color: #C0C0C0; */
	/* background-color: #C7C7C7; */
}
.IconButton .ButtonTextSeparator
{	
	display: none;
	line-height: 2em;	
	color: transparent;
	width: 1px;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	/* background-color: #CCCCCC; */
	background-color: #A0A0A0;
}
.IconButton .ButtonText
{
	display: inline-block;	
	text-align: center;
	color: #404040;
}

.ButtonSizeSmall	{ height: 1.6em !important; }
.ButtonSizeNormal	{ height: 2.4em !important; }
.ButtonSizeLarge	{ height: 2.8em !important; }

.ButtonSizeSmall .IconSection { width: 1.5em; }
.ButtonSizeNormal .IconSection { width: 2.6em; }
.ButtonSizeLarge .IconSection { width: 3.5em; }

.ButtonSizeSmall .IconSection .fa {  }
.ButtonSizeNormal .IconSection .fa { padding-top: 0.35em; }
.ButtonSizeLarge .IconSection .fa { margin-top: 0.2em; }

.ButtonSizeSmall .ButtonText { /*  padding-left: 1.5em; */ min-width: 5.5em; margin-top: 0.25em; }
.ButtonSizeNormal .ButtonText { /* padding-left: 1.8em; */ min-width: 5.8em; margin-top: 0.3em; }
.ButtonSizeLarge .ButtonText { /* padding-left: 1.8em; */ min-width: 5.8em; margin-top: 0.1em; }

.IconOnly
{
	background-color: transparent !important;
	border-width: 0px !important;
	padding: 0px !important;
}

.IconOnly .fa-stack .fa
{
	
}
.IconOnly .StackedText
{
	position: absolute;
	width: 100%;
	font-size: 70%;
	text-align: center;
}

.IconButton .fa
{
	font-size: 1.4em;
	/* color: #404040; */
	color: #5A6569;	
}

.ButtonSizeSmall .fa,
.ButtonSizeSmall .ButtonText
{
	font-size: 1em !important;
	line-height: 1em;
}
.ButtonSizeNormal .fa,
.ButtonSizeNormal .ButtonText
{
	font-size: 1.2em !important;
	line-height: 1em !important;
}
.ButtonSizeLarge .fa,
.ButtonSizeLarge .ButtonText
{
	font-size: 1.7em !important;
	line-height: 1.3em;
}

.ButtonSizeSmall .ButtonTextSeparator
{
	line-height: 1em;
}
.ButtonSizeLarge .ButtonTextSeparator
{
	line-height: 3em;
}


/* Save Button */

body .ButtonStyleSave					{ background-color: #3C64A8 !important; /* formerly #8AB5D8 */ }
.ButtonStyleSave .IconSection			{ background-color: #3C64A8 !important; }
.ButtonStyleSave:hover .IconSection		{ /*background-color: #28395C !important;*/ }
.ButtonStyleSave .ButtonText			{ color: white; }
.ButtonStyleSave:hover					{ background-color: #3C64A8 !important;}
body .ButtonStyleSave .fa				{ color: white; }

/* ADD */

body .ButtonStyleAdd					{ background-color: #3C64A8 !important; }
.ButtonStyleAdd:hover .IconSection		{ /*background-color: #00428C !important;*/ }
.ButtonStyleAdd .ButtonText				{ color: white; }
.ButtonStyleAdd:hover					{ background-color: #3C64A8 !important;}
.ButtonStyleAdd .IconSection			{ background-color: #3C64A8 !important; }
body .ButtonStyleAdd .fa				{ color: white;	}

/* SEARCH was 6E9D57 / 5E8D47 */

body .ButtonStyleSearch						{ background-color: #3C64A8 !important; /* formerly #8AB5D8 */ }
.ButtonStyleSearch .IconSection				{ background-color: #3C64A8 !important; }
.ButtonStyleSearch:hover .IconSection		{ /*background-color: #28395C !important;*/ }
.ButtonStyleSearch .ButtonText				{ color: white; }
.ButtonStyleSearch:hover					{ background-color: #3C64A8 !important;}
body .ButtonStyleSearch .fa					{ color: white; }

/* CANCEL */
/*
body .ButtonStyleCancel
{	
	background-color: #A93D3D !important;
}
.ButtonStyleCancel .IconSection { background-color: #A93D3D !important; }
.ButtonStyleCancel:hover .IconSection { background-color: #8F2525 !important;}
.ButtonStyleCancel .ButtonText { color: white; }
.ButtonStyleCancel:hover { background-color: #A93D3D !important;}
*/
body .ButtonStyleCancel .fa
{
	/* color: white; */
	/*	background-color: #C0C0C0 !important; */
	/* color: red; */
}

/* EDIT */

body .ButtonStyleEdit					{  }
.ButtonStyleEdit .IconSection			{  }
.ButtonStyleEdit:hover .IconSection		{  }
.ButtonStyleEdit .ButtonText			{  }
.ButtonStyleEdit:hover					{  }
body .ButtonStyleEdit .fa				{  }

/* UPDATE */


body .ButtonStyleUpdate					{ background-color: #3C64A8 !important; /* formerly #8AB5D8 */ }
.ButtonStyleUpdate .IconSection			{ background-color: #3C64A8 !important; }
.ButtonStyleUpdate:hover .IconSection	{ /*background-color: #28395C !important;*/ }
.ButtonStyleUpdate .ButtonText			{ color: white; }
.ButtonStyleUpdate:hover				{ background-color: #3C64A8 !important;}
body .ButtonStyleUpdate .fa				{ color: white; }

/* CLOSE */

body .ButtonStyleClose					{  }
.ButtonStyleClose .IconSection			{  }
.ButtonStyleClose:hover .IconSection	{  }
.ButtonStyleClose .ButtonText			{  }
.ButtonStyleClose:hover					{  }
body .ButtonStyleClose .fa				{  }

/* DELETE */
body .ButtonStyleDelete					{ background-color: #C02020 !important; } /* A93D3D */
.ButtonStyleDelete .IconSection			{ background-color: #C02020 !important; }
.ButtonStyleDelete:hover .IconSection	{ /*background-color: #900000 !important;*/ } /* 8F2525 */
.ButtonStyleDelete .ButtonText			{ color: white; }
.ButtonStyleDelete:hover				{ background-color: #C02020 !important; }

body .ButtonStyleDelete .fa
{
	color: white;
}

/* FILTER */

body .ButtonStyleFilter					{  }
.ButtonStyleFilter .IconSection			{  }
.ButtonStyleFilter:hover .IconSection	{ /*background-color: #C0C0C0;*/ }
.ButtonStyleFilter .ButtonText			{  }
.ButtonStyleFilter:hover				{  }
body .ButtonStyleFilter .fa				{  }


/* FILTER (ACTIVE) */

body .ButtonStyleFilterActive				{ background-color: #D0E0F0 !important; }
.ButtonStyleFilterActive .IconSection		{ /*  background-color: #72BbFa !important; */ }
.ButtonStyleFilterActive:hover .IconSection	{ /*background-color: #C7C7C7 !important;*/ }
.ButtonStyleFilterActive .ButtonText		{  }
.ButtonStyleFilterActive:hover				{ /* background-color: #C7C7C7 !important; */ }
body .ButtonStyleFilterActive .fa			{ color: #3C64A8; text-shadow: -1px 0 #3C64A8, 0 1px #3C64A8, 1px 0 #3C64A8, 0 -1px #3C64A8; }

/* APPLY */

body .ButtonStyleApply					{ background-color: #3C64A8 !important; /* formerly #8AB5D8 */ }
.ButtonStyleApply .IconSection			{ background-color: #3C64A8 !important; }
.ButtonStyleApply:hover .IconSection	{ /*background-color: #28395C !important;*/ }
.ButtonStyleApply .ButtonText			{ color: white; }
.ButtonStyleApply:hover					{ background-color: #3C64A8 !important;}
body .ButtonStyleApply .fa				{ color: white; }

/* OK */

body .ButtonStyleOK						{ background-color: #3C64A8 !important; /* formerly #8AB5D8 */ }
.ButtonStyleOK .IconSection				{ background-color: #3C64A8 !important; }
.ButtonStyleOK:hover .IconSection		{ /*background-color: #28395C !important;*/ }
.ButtonStyleOK .ButtonText				{ color: white; }
.ButtonStyleOK:hover					{ background-color: #3C64A8 !important;}
body .ButtonStyleOK .fa					{ color: white; }

/* RESET */

body .ButtonStyleReset					{  }
.ButtonStyleReset .IconSection			{  }
.ButtonStyleReset:hover .IconSection	{  }
.ButtonStyleReset .ButtonText			{  }
.ButtonStyleReset:hover					{  }
body .ButtonStyleReset .fa				{  }



/* Hack for Telerik 2015 Q1 */
.IconButton > .rbText
{
	display: none !important;
}