


/* Links */
a {
    color: #3bc492;
    /*word-wrap: break-word;*/
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}




/* Ladda Buttons */

/** Contains the default Ladda button theme styles */


/*************************************
 * CONFIG
 */

$green: #2aca76;
$blue: #53b5e6;
$red: #ea8557;
$purple: #9973C2;
$mint: #16a085;


/*************************************
 * BUTTON THEME
 */

.ladda-button {
	background: #666;
	border: 0;
	padding: 14px 18px;
	font-size: 18px;
	cursor: pointer;

	color: #fff;
	border-radius: 2px;
	border: 1px solid transparent;

	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	&:hover {
		border-color: rgba( 0, 0, 0, 0.07 );
		background-color: #888;
	}

	@include buttonColor( 'green', $green );
	@include buttonColor( 'blue', $blue );
	@include buttonColor( 'red', $red );
	@include buttonColor( 'purple', $purple );
	@include buttonColor( 'mint', $mint );

	&[disabled],
	&[data-loading] {
		border-color: rgba( 0, 0, 0, 0.07 );

		&, &:hover {
			cursor: default;
			background-color: #999;
		}
	}

	&[data-size=xs] {
		padding: 4px 8px;

		.ladda-label {
			font-size: 0.7em;
		}
	}

	&[data-size=s] {
		padding: 6px 10px;

		.ladda-label {
			font-size: 0.9em;
		}
	}

	&[data-size=l] .ladda-label {
		font-size: 1.2em;
	}

	&[data-size=xl] .ladda-label {
		font-size: 1.5em;
	}
}

/* Other Styles*/


#display {
    width: 386px;
    float: right;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    background-clip: padding-box;
    margin-top: 2px;
    border-top-right-radius: 3px; 
    border-top-left-radius: 3px; 
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	margin-top: 30px;
}

.display_box {
    padding: 4px;
    font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
    font-size: 16px;
    text-transform: capitalize;
    border-left: 4px solid #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

