/* Button links */

span.icon-sm,
span.icon-md,
span.icon-lg{
    vertical-align: middle;
    display: inline-block;
    margin-right: 0.1em;
}
span.icon-sm {
    font-size: 1em;
}
span.icon-md {
	font-size: 1.5em;
}
span.icon-lg {
    font-size: 2em;
}

span.button-label{
	vertical-align: middle;
	display: inline-block;
}

a.button, button.flat{
	display: inline-block;
	padding: 0.2em 0.4em 0.3em 0.4em;
	background-image: none;
	border: 0px;
	margin-right: 1em;
}

a.icon-green-inv, button.icon-green-inv{
	color: white !important;
	background-color: #8fc547 !important;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.175);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.175);
}
a.icon-green-inv:hover, a.icon-green-inv:focus,
button.icon-green-inv:hover, button.icon-green-inv:focus {
	background-color: #67922e !important;
}
a.icon-green-inv:active, button.icon-green-inv:active{
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.icon-green-trans, button.icon-green-trans{
    color: #8fc547 !important;
    background-color: transparent !important;
}
a.icon-green-trans:hover, a.icon-green-trans:focus,
button.icon-green-trans:hover, button.icon-green-trans:focus{
    color: #67922e !important;
}
a.icon-green-trans:active, button.icon-green-trans:active{
}

a.icon-green, button.icon-green{
    color: #8fc547 !important;
    background-color: white !important;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.175);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.175);
}
a.icon-green:hover, a.icon-green:focus,
button.icon-green:hover, button.icon-green:focus {
    color: #67922e !important;
}
a.icon-green:active, button.icon-green:active{
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.icon-red-inv, button.icon-red-inv{
    color: white !important;
    background-color: #59595C !important;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.175);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.175);
}
a.icon-red-inv:hover, a.icon-red-inv:focus,
button.icon-red-inv:hover, button.icon-red-inv:focus {
    background-color: #c9302c !important;
}
a.icon-red-inv:active, button.icon-red-inv:active{
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.icon-red-trans, button.icon-red-trans{
    color: #59595C !important;
    background-color: transparent !important;
}
a.icon-red-trans:hover, a.icon-red-trans:focus,
button.icon-red-trans:hover, button.icon-red-trans:focus{
    color: #c9302c !important;
}
a.icon-red-trans:active, button.icon-red-trans:active{
}

a.icon-red, button.icon-red{
    color: #59595C !important;
    background-color: white !important;
    -webkit-box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.175);
    box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.175);
}
a.icon-red:hover, a.icon-red:focus,
button.icon-red:hover, button.icon-red:focus {
    background-color: #e0e0e0 !important;
}
a.icon-red:active, button.icon-red:active{
    -webkit-box-shadow: none;
    box-shadow: none;
}


a.icon-grey-inv, button.icon-grey-inv{
    color: white !important;
    background-color: #59595C !important;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.175);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.175);
}
a.icon-grey-inv:hover, a.icon-grey-inv:focus,
button.icon-grey-inv:hover, button.icon-grey-inv:focus {
    background-color: #3d3d40 !important;
}
a.icon-grey-inv:active, button.icon-grey-inv:active{
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.icon-grey-trans, button.icon-grey-trans{
    color: #59595C !important;
    background-color: transparent !important;
}
a.icon-grey-trans:hover, a.icon-grey-trans:focus,
button.icon-grey-trans:hover, button.icon-grey-trans:focus{
    color: #3d3d40 !important;
}
a.icon-grey-trans:active, button.icon-grey-trans:active{
}

a.icon-grey, button.icon-grey{
    color: #59595C !important;
    background-color: white !important;
    -webkit-box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.175);
    box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.175);
}
a.icon-grey:hover, a.icon-grey:focus,
button.icon-grey:hover, button.icon-grey:focus {
    background-color: #e0e0e0 !important;
}
a.icon-grey:active, button.icon-grey:active{
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* MyRoomRates inverted button (for header/sidebar) */
a.mrr-button-inv, button.mrr-button-inv {
    color: white !important;
    background-color: transparent !important;
    border: none !important;
    white-space: nowrap !important; /* Prevent text wrapping - keep caret inline */
    display: inline-block !important; /* Required for proper layout */
    padding: 0.5em !important;
    text-decoration: none !important;
    font-size: 14.6667px !important; /* Match legacy Bootstrap size */
    cursor: pointer !important; /* Show pointing finger on hover */
}

a.mrr-button-inv:hover,
button.mrr-button-inv:hover,
a.mrr-button-inv:focus,
button.mrr-button-inv:focus {
    text-decoration: none !important;
}