/*
    Standaard layout voor alle buttons
*/

.StandardButton,.standard__button {
	background-color:    transparent !important;
	line-height:         15px;
	background-image:    url(/website/Templates/Global/Images/Buttons/Standard-Gradiant/standard-line-shad-mid-blauw.png)!important;/*Important aangezien .btn of .primary-btn soms specifieker wordt gezien in bootstrap*/
	background-position: top center;
	background-repeat:   repeat-x;

	height:              24px !important;
	color:               white !important;
	font-size:           9px !important;
	text-align:          center;
	border:              none !important;
	padding:             3px 4px 0px 3px !important;
	margin:              0px !important;
	vertical-align:      middle;
	display:             inline-block
}

.StandardButtonLeft, .standard__button--left {
	background-image:    url(/website/Templates/Global/Images/Buttons/Standard-Gradiant/standard-line-shad-left-blauw.png)!important;/*Important aangezien .btn of .primary-btn soms specifieker wordt gezien in bootstrap*/
	background-position: top center;
	background-repeat:   no-repeat;

	vertical-align:      middle;
	padding-bottom:      3px;
	height:              24px !important;
	width:               3px !important;
	display:             inline-block
}

.StandardButtonRight, .standard__button--right {
	background-image:    url(/website/Templates/Global/Images/Buttons/Standard-Gradiant/standard-line-shad-right-blauw.png)!important;/*Important aangezien .btn of .primary-btn soms specifieker wordt gezien in bootstrap*/
	background-position: top center;
	background-repeat:   no-repeat;

	vertical-align:      middle;
	padding-bottom:      3px;
	height:              24px !important;
	width:               5px !important;
	display:             inline-block;
}

.StandardButton a, .standard__button a
{
	color: white !important;
	font-weight: bold;
    font-size: 10px !important;
}

.StandardButton a:hover, .standard__button a:hover
{
	color: white !important;
	font-weight: bold;
    font-size: 10px !important;
    text-decoration: none;
}


/*
    Geef belangrijke buttons een andere kleur
*/

.ImportantButtonLeft, .important__button--left {
    background-image: url(/website/Templates/Global/Images/Buttons/Standard-Gradiant/standard-line-shad-left-zwart.png)!important;/*Important aangezien .btn of .primary-btn soms specifieker wordt gezien in bootstrap*/
	width: 3px !important;
}


    .ProductOrderButtonLeft, .order__button--left, .OrderProductsButtonLeft, .CategoryOrderButtonLeft, .NewUserButtonLeft, .FinishOrderButtonLeft  {
        background-image: url(/website/Templates/Global/Images/Buttons/Standard-Gradiant/standard-line-shad-left-zwart.png)!important;/*Important aangezien .btn of .primary-btn soms specifieker wordt gezien in bootstrap*/
		width: 3px !important;
    }

    .LoginButtonLeft {
        background-image: url(/website/Templates/Global/Images/Buttons/Standard-Gradiant/standard-line-shad-left-zwart.png)!important;/*Important aangezien .btn of .primary-btn soms specifieker wordt gezien in bootstrap*/
		width: 3px !important;
    }

    .RegistrationButtonLeft {
        background-image: url(/website/Templates/Global/Images/Buttons/Standard-Gradiant/standard-line-shad-left-zwart.png)!important;/*Important aangezien .btn of .primary-btn soms specifieker wordt gezien in bootstrap*/
		width: 3px !important;
    }

    .WindowNewUserButtonLeft, .WindowLoginButtonLeft {
        width: 3px;
    }

.ImportantButton, .important__button {
    background-image: url(/website/Templates/Global/Images/Buttons/Standard-Gradiant/standard-line-shad-mid-zwart.png)!important;/*Important aangezien .btn of .primary-btn soms specifieker wordt gezien in bootstrap*/
	border: none !important;
	padding: 3px 4px 0px 4px !important;
	height: 24px !important;
	margin: 0px !important;
	vertical-align: bottom;
}

.ImportantButtonRight, .important__button--right {
    background-image: url(/website/Templates/Global/Images/Buttons/Standard-Gradiant/standard-line-shad-right-zwart.png)!important;/*Important aangezien .btn of .primary-btn soms specifieker wordt gezien in bootstrap*/
}