/*
 * This is CSS which is to be included within the iframes of the custom login screen.
 * This CSS itself is not a screen include because then it could not target the iframe contents.
 * 
 * It contains pieces of styles which are already in core entellitrak, however we cannot
 * re-use the core login CSS file directly because it does additional things that we don't want
 * such as making the body background-color gray.
 *
 * Note that this is also used by the user registration page since it is embedded within the login screen.
 */

/* BEGIN ANCHOR CLASS STYLES (copied from core) */

a {
	text-decoration: none;
	color: #1974c7;
}

/* END ANCHOR CLASS STYLES */

/* BEGIN ANCHOR BUTTON CLASS STYLES (copied from core) */

.button{
	background: #1974c7;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .03em;
    height: 36px;
    line-height: 37px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    transition: all .2s ease-in-out;
    display: inline-block;
    padding: 0 26px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.button:hover {
	color: #fff;
    background-color: #1663a9;
}

*/
/* END ANCHOR BUTTON CLASS STYLES */

/* We have to fix a.button:hover */
.button:hover{
	color: #fff;
}