/* 
 *  Copyright notice
 * 
 *  Copyright (c) 2012-2017 Sebastian F. Mazza <sebastian@mazza.at>
 *  All rights reserved.
 * 
 *  This file is part of MMC.
 */

button { outline: none; }

.vex.vex-theme-os .vex-dialog-button.vex-dialog-button-primary {
    background-color: #BBD172; /* #3288e6; */
    color: black;
}

.vex.vex-theme-os .vex-dialog-form .vex-dialog-input select:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
    /*box-shadow: inset 0 0 0 1px #3288e6;
	outline: none; */
	box-shadow: inset 0 0 0 1px #BBD172;
}

.btn,
.btn-group {
	box-sizing: border-box;
}
.btn *, .btn *:before, .btn *:after,
.btn-group *, .btn-group *:before, .btn-group *:after{
  box-sizing: inherit;
}

.btn-group {
	text-decoration: none;
}

.btn-group > *,
.btn {
	line-height: 1;
	color: black;
	text-decoration: none;
	cursor: pointer;
	background:none;
	border:none;
	/* width: 100%;
	font-size: 1.2em; */
	background-color: #BBD172;
	padding: 0.65em 1.0em 0.65em 1.0em;
	border-color: #FFF;
	border-width: 1px;
	border-style: solid;
	
	display: inline-block;
	border-radius: 0.3em;
	
	box-shadow: 0.07em 0.07em 0.4em -0.1em #888888;
}

.btn-group.tiny > *,
.btn.tiny {
	padding: 0.25em 0.5em 0.25em 0.5em;
}

.btn-group {
	display: inline-block;
	height: 1.6em;
}

.btn-group > * {
	float: left;
	height: 100%;
}

.btn-group > *:before,
.btn:before {
	/* force every text of every button element into the same text line, importand for buttons that contains only font icons */
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.btn-group > * {
	border-radius: 0;
	border-right-style: none;
	/* border-left-style: none; */
}

.btn-group > *:first-child {
	border-radius: 0.3em 0 0 0.3em;
	border-left-style: solid;
}

.btn-group > *:last-child {
	border-radius: 0 0.3em 0.3em 0;
	border-right-style: solid;
}

.btn:hover,
.btn-group > *:hover {
	background-color: #abc752;
	box-shadow: 0.07em 0.07em 0.4em -0.15em #888888;
}

.btn.fill {
	width: 100%;
	text-align: center;
}

.btn-group.fill {
	display: table;
    width: 100%;
}
.btn-group.fill > * {
	float: none;
	display: table-cell;
	width: auto;
}
.btn-group.fill > .fill {
	width: 99%;
	text-align: center;
}

/* btn arrows */
.btn.arrow-right:after {
	background-image: url(../Images/btn/arrow-right-white.svg);
    background-size: auto 1em;
	background-repeat: no-repeat;
    display: inline-block;
    width: 1em;
	height: 1em;
    content:"";
	float: right;
	margin: 0 -0.25em 0 0.7em;
}

.btn.top-cut {
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


/* colores */
.btn.gray {
	background-color: #eee;
}
.btn.gray:hover {
	background-color: #ddd;
}

.btn.braun {
	background-color: #DF9053;
}
.btn.braun:hover {
	background-color: #D97B32;
}