/*******************************************************************************************************************************************
 *******************************************************************************************************************************************

 ######  ########  #######   ######  ##    ## ########    ###    ##    ## ######## 
##    ##    ##    ##     ## ##    ## ##   ##     ##      ## ##   ##   ##  ##       
##          ##    ##     ## ##       ##  ##      ##     ##   ##  ##  ##   ##       
 ######     ##    ##     ## ##       #####       ##    ##     ## #####    ######   
      ##    ##    ##     ## ##       ##  ##      ##    ######### ##  ##   ##       
##    ##    ##    ##     ## ##    ## ##   ##     ##    ##     ## ##   ##  ##       
 ######     ##     #######   ######  ##    ##    ##    ##     ## ##    ## ######## 

*******************************************************************************************************************************************
**************************** see http://www.dev.equideow.com/doc/bow for more details *****************************************************
*******************************************************************************************************************************************
*******************************************************************************************************************************************/

.stocktake{
	border-radius: 8px;
	border-style: solid;
	border-width: 2px;
	box-sizing: border-box;
	display: inline-block;
	height: 40px;
	position: relative;
	transition: all .15s ease-in-out;
}
.body--ltr .stocktake{
	padding-right: 18px;
}
.body--rtl .stocktake{
	padding-left: 18px;
}
/** element : image ***********************************************************************************************************************/
.stocktake__image{
	height: 48px;
	margin-top: -6px;
	width: 48px;
}
.body--ltr .stocktake__image{
	margin-left: -16px;
	margin-right: 5px;
}
.body--rtl .stocktake__image{
	margin-left: 5px;
	margin-right: -16px;
}
/** element : text ************************************************************************************************************************/
.stocktake__text{
	color: #3D251B;
	font-size: 16px;
	line-height: 36px;
}
/** element : button **********************************************************************************************************************/
.stocktake__button{
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
	box-sizing: border-box;
	display: block;
	height: 24px;
	position: absolute;
	top: 6px;
	width: 24px;
}
.body--ltr .stocktake__button{
	right: -12px;
}
.body--rtl .stocktake__button{
	left: -12px;
}
/** element : svg ************************************************************************************************************************/
.stocktake__button__svg{
	display: block;
	font-size: 0;
	margin: 4px 4px 0;
}
.stocktake--outline .stocktake__button__svg{
	fill: #fff;
}
.stocktake:not(.stocktake--outline) .stocktake__button__svg{
	fill: #3D251B;
}

/* PRIMARY + OUTLINE **********************************************************************************************************************
 ******************************************************************************************************************************************/

.stocktake--outline.stocktake--primary{
	background-color: #FDFFF0;
	border-color: #AD5B50;
}
.stocktake--outline.stocktake--primary .stocktake__button{
	background-color: #AD5B50;
	border-color: #FDFFF0;
}
a.stocktake--outline.stocktake--primary:hover{
	background-color: #AD5B50;
	border-color: #AD5B50;
}
a.stocktake--outline.stocktake--primary:hover .stocktake__button{
	background-color: #FDFFF0;
	border-color: #AD5B50;
}
a.stocktake--outline.stocktake--primary:hover .stocktake__text{
	color: #fff;
}
a.stocktake--outline.stocktake--primary:hover .stocktake__button__svg{
	fill: #3D251B;
}

/* SECONDARY + OUTLINE ********************************************************************************************************************
 ******************************************************************************************************************************************/

.stocktake--outline.stocktake--secondary{
	background-color: #FDFFF0;
	border-color: #37659A;
}
.stocktake--outline.stocktake--secondary .stocktake__button{
	background-color: #37659A;
	border-color: #FDFFF0;
}
a.stocktake--outline.stocktake--secondary:hover{
	background-color: #37659A;
	border-color: #37659A;
}
a.stocktake--outline.stocktake--secondary:hover .stocktake__button{
	background-color: #FDFFF0;
	border-color: #37659A;
}
a.stocktake--outline.stocktake--secondary:hover .stocktake__text{
	color: #fff;
}
a.stocktake--outline.stocktake--secondary:hover .stocktake__button__svg{
	fill: #3D251B;
}

/* WHITE + OUTLINE ************************************************************************************************************************
 ******************************************************************************************************************************************/

.stocktake--outline.stocktake--white{
	background-color: #FDFFF0;
	border-color: #F2EFCF;
}
.stocktake--outline.stocktake--white .stocktake__button{
	background-color: #F2EFCF;
	border-color: #FDFFF0;
}

/* IMPORTANT ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.stocktake--important{
	animation: scaleCommon .25s 1 .75s ease-in-out;
}
.stocktake--important:not(.stocktake--outline){
	background-color: #EEC213;
	border-color: #EEC213;
}
.stocktake--important:not(.stocktake--outline) .stocktake__button{
	background-color: #FDFFF0;
	border-color: #EEC213;
}
a.stocktake--important:not(.stocktake--outline):hover{
	background-color: #FDFFF0;
	border-color: #EEC213;
}
a.stocktake--important:not(.stocktake--outline):hover .stocktake__button{
	background-color: #FDFFF0;
	border-color: #EEC213;
}
a.stocktake--important:not(.stocktake--outline):hover .stocktake__button__svg{
	fill: #3D251B;
}

/* IMPORTANT + OUTLINE ********************************************************************************************************************
 ******************************************************************************************************************************************/

.stocktake--outline.stocktake--important{
	background-color: #FDFFF0;
	border-color: #EEC213;
}
.stocktake--outline.stocktake--important .stocktake__button{
	background-color: #EEC213;
	border-color: #FDFFF0;
}
a.stocktake--outline.stocktake--important:hover{
	background-color: #EEC213;
	border-color: #EEC213;
}
a.stocktake--outline.stocktake--important:hover .stocktake__button{
	background-color: #FDFFF0;
	border-color: #EEC213;
}
a.stocktake--outline.stocktake--important:hover .stocktake__button__svg{
	fill: #3D251B;
}