/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24-Jul-2018, 12:51:06
    Author     : podkrizniku
*/

$background_white: #ffffff;
$strong_blue_lighten_button: lighten( $strong_blue, 7% );

span.buttonwrapper {
	a {
		cursor: pointer;
		display: block;
		padding: 5px 12px 6px;
		background-color: $strong_blue;
		border-radius: 20px;
        border: 1px $strong_blue solid;
        
        transition: 0.1s;

		&:hover {
			background-color: $orange;
			border: 1px $orange solid;
		}
	}
	a.ovalbutton_gray {
		cursor: pointer;
		padding: 5px 12px 6px;
		color: $strong_blue !important;
		background-color: $background_white;
        border: 1px $strong_blue solid;
        
        transition: 0.1s;

		&:hover {
			background-color: $strong_blue !important;
			color: white !important;
		}
	}
}
div.buttonwrapper {
	a {
		cursor: pointer;
		display: block;
		padding: 5px 12px 6px;
		background-color: $strong_blue;
		border-radius: 20px;
        border: 1px $strong_blue solid;
        
        transition: 0.1s;

		&:hover {
			background-color: $orange;
			border: 1px $orange solid;
		}
	}
	a.ovalbutton_gray {
		cursor: pointer;
		padding: 5px 20px 6px;
		color: $strong_blue !important;
		background-color: $background_white;
        border: 1px $strong_blue solid;
        
        transition: 0.1s;

		&:hover {
			background-color: $strong_blue !important;
			color: white !important;
		}
	}
}
div.buttonwrapper.ovalbutton_gray {
	a {
        transition: 0.1s;

		&:hover {
			background-color: $strong_blue !important;
			color: white !important;
		}
	}
}
a.ovalbutton {
	cursor: pointer;
	color: #ffffff !important;
	font-size: 11px;
	//font-weight: 600 !important;
	.button {
		.blue {
			background-color: $strong_blue;
		}
		.lightblue {
			background-color: $strong_blue_lighten_button;
		}
		.orange {
			background-color: $orange;
		}
	}
}