/* CSS Document */

/* ---------
MFA styling 
------------*/

.mfa-settings 
{
	display: inline-block;
	margin-right: 5px;
}


.mfaSettings a.button,
.mfaSettings input.button,
.mfaSettings input[type='text'], .mfaSettings input[type='tel'], .mfaSettings input[type='email'], .mfaSettings input[type='password'],
.mfaSettings select
{
	height: 40px;
	padding: 0 0.5rem; 
	border-width: 1px;
}
.mfaSettings a.button,
.mfaSettings input[type='password'],
{
	height: 38px;
}
.mfaSettings a.button:hover 
{
	cursor: pointer;
}


/* generic classes */

.text-center
{
	text-align: center;
}
.text-left
{
	text-align: left;
}


.text-bold
{
	font-weight: 700;
}

input.button,
a.button {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-width: 2px;
    padding: .75rem 1.2rem .8rem 1.2rem;
    border-color: #009cce;
    border-style: solid;
    background: 0 0;
    color: #009cce;
    height: 45px;
    margin-right: 0;
    letter-spacing: .2px;
    line-height: 1em;
	transition: all .2s ease-in-out;
	text-decoration: none;
    background-color:transparent; 

}

input.button:hover,
a.button:hover {
	background-color: #009cce;
	color: #fff;
}

.max-300px
{
	width: 100%;
	max-width: 300px;
}

.pt1 {padding-top: 1rem;}
.pt2 {padding-top: 2rem;}
.pt3 {padding-top: 3rem;}

.pb1 {padding-bottom: 1rem;}
.pb2 {padding-bottom: 2rem;}
.pb3 {padding-bottom: 3rem;}

.p1 {padding-top: 1rem; padding-bottom: 1rem;}
.p2 {padding-top: 2rem; padding-bottom: 2rem;}
.p3 {padding-top: 3rem; padding-bottom: 3rem;}

.mfa_selection 
{ 
	padding: 0.6rem 0.5rem .65rem 0.5rem;
}

.highlight
{
	color: #F7090D;
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
}

.error-message-highlight 
{
	color: #fff;
	background-color: #e3242b;
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
}

.success-message-highlight 
{
	color: #fff;
	background-color: #028a0f;
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
}

.fullwidth 
{
	width: 100%;
}

.highlight.fullwidth 
{
	background-color: antiquewhite;
}

/* general */
.hide {
    display: none!important;
}