/*MCWEB BUTTONS*/

.ben-button{

	position: relative;

	border-radius: 4px;

	border: 1px solid #e9e9e9;

	background-color: #FFFFFF;

	text-shadow: none !important;

	height: 35px;

	font-size: 14px;

	padding: 5px 20px 5px 20px;

	outline: none;

	cursor: hand;

	box-sizing: border-box;

	text-transform: uppercase;

}

.ben-button > .icon{

	position: relative;

	width: 15px;

	text-align: center;

}

.ben-button.normalcase{

	text-transform: none;

}

.ben-button.dark-border{

	border: 0 !important;

}

.ben-button:hover{

	-moz-box-shadow: inset 0 0 1px #000000;

	-webkit-box-shadow: inset 0 0 1px #000000;

	box-shadow: inset 0 0 1px #000000;

	opacity: 0.5;

}

.ben-button:active{

	-moz-box-shadow: inset 0 0 3px #000000;

	-webkit-box-shadow: inset 0 0 3px #000000;

	box-shadow: inset 0 0 3px #000000;

}

.ben-button:disabled{

	background-color: #dddddd !important;

}

.ben-button.none{

	background-color: transparent !important;

	color: #000000 !important;

	box-shadow: none !important;

	border: 0 !important;

	padding: 0;

}

.ben-button.sidebar{

	background-color: transparent !important;

	color: #000000 !important;

	box-shadow: none !important;

	border: 0 !important;

	padding: 10px 20px 10px 20px;

	width: 100%;

	text-align: left;

	font-size: 12px;

	opacity: 1;

	border-radius: 0 !important;

}

.ben-button.sidebar:hover{

	background-color: #00aff0 !important;

	color: #ffffff !important;

}

.ben-button.none:hover{

	opacity: 0.5; 

}

.ben-button.primary{

	background-color: #2086bf;

	color: #FFFFFF;

	border: 1px solid #e9e9e9;

}

.ben-button.success{

	background-color: #60a917;

	color: #FFFFFF;

	border: 1px solid #e9e9e9;

}

.ben-button.alert{

	background-color: #ce352c;

	color: #FFFFFF;

	border: 1px solid #e9e9e9;

}

.ben-button.warning{

	background-color: #fa6800;

	color: #FFFFFF;

	border: 1px solid #e9e9e9;

}

.ben-button[data-notifications]:after {

	content: attr(data-notifications);

	position: absolute;

	top: -5px;

	right: -5px;

	font-size: .7em;

	background: #2086bf;

	color: #FFFFFF;

	width: 18px;

	height: 18px;

	text-align: center;

	line-height: 18px;

	border-radius: 5px;

	box-shadow: 0 0 1px #333;

}

/*BUTTON SIZE*/

.mini-button{

	height: 25px;

	font-size: 10px;

}

.small-button{

	height: 30px;

	font-size: 10px;

}

.large-button{

	height: 40px;

	font-size: 12px;

}

.xlarge-button{

	height: 50px;

	font-size: 14px;

}



/*DROPDOWN BUTTON*/

.ben-dropdown-button {

    position: relative;

    display: inline-block;

	font-size: 14px;

}



.ben-dropdown-button > .dropdown-content{

    display: none;

    position: absolute;

    background-color: #FFFFFF;

    min-width: 200px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}

.ben-dropdown-button > .dropdown-content.rounded{

	border-radius: 5px;

	overflow: hidden !important;

}



.ben-dropdown-button > .dropdown-content.content-right{

	right: 0;

}



.ben-dropdown-button > .dropdown-content > a {

    color: #000000;

    padding: 12px 16px 12px 16px;

    text-decoration: none;

    display: block;

}



.ben-dropdown-button > .dropdown-content > a > .icon {

	position: relative;

	width: 20px;

	text-align: center;

}



.ben-dropdown-button > .dropdown-content > a:hover {

	background-color: #2086bf;

	color: #FFFFFF;

}



.ben-dropdown-button:hover .dropdown-content {

    display: block;

}



..ben-dropdown-button:hover .ben-button {

    background-color: #3e8e41;

}