﻿body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
    font-size: 0.8125rem;
    letter-spacing: 0.1px;
    margin: 0px;
    padding: 0px;
    background-color: #ebeff6;
}

html {
}

.page-wrapper
{
    height:100%;
}
.logo {
    padding:20px;
    background-color:#fff;
}

.simpaylogo {
    height:28px;
}
.border-bottom{
    border-bottom:solid 1px Silver;
}

.mt-5{ margin-top:10px;}
.mb-5 {
    margin-bottom: 10px;
}

.pb-5 {
    padding-bottom: 10px;
}

.pagecontent {
    /* width: 370px;
    height: 500px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: solid 1px Silver;      
    border-radius:5px;*/
    justify-content: center !important;
    display: flex;    
}

#panel {
    margin-top: 20%;
    /*border: solid 1px Silver;*/
    border-radius: 5px;
    width: 370px;
}
#passChangedPanel {
    margin-top: 4rem;
    border-radius: 5px;
    width: 370px;
}
.pagecontent .header, .pagecontent .card-header {
    font-size: 18px;
    /*background-color: #12316b !important;*/
    /*color: #fff;*/
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 15px;
    /*border-bottom: solid 1px #12316b;*/
}

.pagecontent .forgotpassword, .login, .passwordexpired {
    padding: 20px;
    border: solid 1px Silver;
    background-color: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.form-control {
    padding:10px;
    width:100%;
    border:solid 1px Silver;
}

.form-control:focus {
    padding: 10px;
    width: 100%;
    outline:none;
}
.email-label {
    font-size:16px;
}
.lh-18 {
    line-height:18px;
}
.field-validation-error {
    color: #f36b34;
    font-size:.8em;
    font-weight:bold;
    display:block;
    margin:2px 3px;
}
.btn-reset, .btn-primary {
    background-color: #f15922;
    color: #fff;    
    border: solid 1px #f15922;
    margin-top:20px;
    padding:5px 15px 5px 15px;
    border-radius:5px;
    cursor:pointer;
    outline:none;
}

.btn-cancel {        
    border: solid 1px Silver;
    margin-top: 20px;
    padding: 5px;
    border-radius: 2px;
    cursor: pointer;
    text-decoration:none;
    color:gray;
}


.mtcaptcha {
    border:none;
}

.d-flex
{ 
    display:flex;
}
.d-flex-row-reverse {
    flex-direction:row-reverse !important;
}

.mtcaptcha iframe {
    display:inline-block;
    margin:0px;
    padding:0px;
    border:0px;
    background:transparent;
    align-content:center;
}
a{
    text-decoration: none;
}
a.text-primary {
    color: #f15922 !important;
}
.validation-summary-errors {
    color: #f15922 !important;
}

.passwordresetconfirmation {
    margin-top:10%;
}
    .passwordresetconfirmation #content {
        background-color:#fff;
        padding:20px;
    }

.text-white {
    color:#fff !important;
}