/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/


/* Identity new css */

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic');
body {
    background: url(../images/background.jpg) #CCC;
    margin: 0pt 0pt 30px;
    background-size: 100% 100%;
    background-color: #E0E0E0;
    height: 100%;
}

html {
    font-family: "Lato", Sans-serif;
    height: 100%;
}

.main-container,
#Identity .cpIBox {
    max-width: 600px;
    margin: 25px auto;
    /*box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.2), 0 2px 5px 1px rgba(0, 0, 0, 0.14), 0 2px 5px 1px rgba(0, 0, 0, 0.12);*/
    border-radius: 0px;
    overflow: hidden;
    background-color: #F8F8F8;
    /*padding: 30px !important;*/
}

.main-container .cpIBoxHeader,
.cpIBox .cpIBoxHeader {
    background-color: transparent;
    color: #010101;
    padding: 32px 62px 15px;
    font-size: 23px;
    font-weight: bold;
    text-align: left;
}

.main-container .cpIBoxInfo,
.main-container .validation-summary-valid,
.main-container .editor-field,
.main-container .editor-label {
    padding: 0 62px;
}

.main-container .cpIBoxInfo,
.main-container .validation-summary-valid,
.main-container .editor-field,
.main-container .editor-label {}

.cpIBox .editor-field,
.cpIBox .editor-label,
.cpIBox .cpIBoxInfo,
.cpIBox #validationSummary {
    padding: 0 62px;
}

.control-group {
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
}

.control-group label,
.oauth-form .form-header {
    /**/
    font-size: 14px;
    color: #000000;
    margin-top: 0;
}

.form-header {
    background-color: transparent;
    color: #010101;
    padding: 62px 62px 15px 62px;
    font-size: 29px;
    font-weight: bold;
    /*+border-radius: 0;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #F3F3F3;
    margin-bottom: 24px;
}

#Identity .cpIBox .cpIBoxInfo {
    color: ;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    font-weight: bold;
    color: #B22A36;
}

#pOrSignInUsing {
    font-size: 16px;
    width: 100%;
    margin-left: -62px;
}

.form-content,
.oauth-form {
    padding: 0 62px 32px;
}

#openid_form .oauth-form .form-content {
    margin-left: 0;
    padding-left: 0;
}


/*.create-account-container LABEL
{
	display: block !important;
	text-transform: uppercase;
	margin-top: 0;
	(*+placement: 0px -47px;*)
	position: relative;
	left: 0px;
	top: -47px;
	color: rgba(255, 255, 255, 0.843);
	font-weight: bold;
	font-size: 45px;
	width: 100%;
	text-align: center;
	margin-bottom: -34px;
}*/

.create-account-container label {
    text-transform: none;
    width: calc(100% + 64px);
    padding-bottom: 3px;
    margin-top: -32px;
    color: #FFAA02;
    margin-bottom: 25px;
    text-align: center;
    background-color: #E4EDE8;
    margin-left: -62px;
}


/*#openid_form {
    display: none;
}*/

.field-validation-error {
    color: #B22A36;
}

.control-validation {
    width: 100%;
    /*order: -1;*/
    flex-grow: 0;
    flex-basis: 100%;
    text-align: right;
    font-size: 11px;
}

.control-editor {
    width: 100%;
}

.user-password-group .control-editor input,
.user-name-group .control-editor input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #000000;
    border-radius: 0px;
    border: 1px solid #CCC;
    margin: 4px 0;
}

.main-container .editor-field #UserName {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #999;
    border-radius: 0px;
    border: 1px solid #CCC;
    margin: 4px 0;
}

.cpIBox .editor-field #OldPassword,
.cpIBox .editor-field #NewPassword,
.cpIBox .editor-field #ConfirmPassword {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #999;
    border-radius: 0px;
    border: 1px solid #CCC;
    margin: 4px 0;
}

.control-group.remember-group {
    float: right;
    margin-top: 10px;
}

.password-recovery-link {
    text-align: right;
}

.link-container a {
    color: #FFAA02;
    text-decoration: none;
}

.password-recovery-link a {
    font-size: 13px;
    color: #FFAA02;
}

.create-account-container {
    background-color: #565656;
    padding: 32px 62px;
    /*border-top: 2px solid #FFAA02;*/
}

.create-account-container label {
    display: none;
}

.create-account-link {
    text-align: center;
}

.create-account-link a {
    border: 2px solid #FFAA02;
    border-radius: 0px;
    padding: 8px 24px;
    color: #FFAA02;
}

.create-account-link a:hover {
    border: 2px solid #FFAA02;
    padding: 8px 24px;
    background-color: #FFAA02;
    color: #F3F3F3;
}

.submit-button-container input[type="submit"] {
    text-align: center;
    background-color: #FFAA02;
    display: inline-block;
    color: #FEFEFE;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
    padding: 8px 24px;
    border: none;
    border-radius: 0px;
    /*+placement: ;*/
    position: relative;
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
}

#Identity input[type="submit"],
#Identity input[type="button"] {
    text-align: center;
    background-color: #FFAA02;
    display: inline-block;
    color: #FEFEFE;
    font-size: 10pt;
    font-weight: bold;
    cursor: pointer;
    padding: 8px 24px !important;
    border: 2px solid #FFAA02;
    /*margin-left: 31px;*/
    margin-right: auto;
    /*+border-radius: 0px;*/
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.buttons-container {
    padding: 32px 22px 22px 32px;
}

#form0>div.form-content>div.buttons-container>input[type="button"]:nth-child(2) {
    background-color: #909090;
    /*+placement: float-right;*/
    float: right;
    position: relative;
    left: 0;
    top: 0;
    border: 1px solid #8F8F8F;
}

#form0>div.form-content>div.buttons-container>input[type="button"]:nth-child(2):hover {
    background-color: transparent;
    /*+placement: float-right;*/
    float: right;
    position: relative;
    left: 0;
    top: 0;
    border: 2px solid #8F8F8F;
    color: #909090;
}

.info-container {
    padding: 32px 22px 22px 32px;
}

#Identity input[type="submit"]:hover,
#Identity input[type="button"]:hover {
    text-align: center;
    background-color: #FEFEFE;
    display: inline-block;
    color: #FFAA02;
}

#btnCancel,
#btnClose {
    border: 2px solid #FFAA02 !important;
    background-color: #FFFFFF !important;
    color: rgb(252, 167, 162) !important;
    margin-right: 32px !important;
    margin-top: -49px;
    /*+placement: float-right;*/
    float: right;
    position: relative;
    left: 0;
    top: 0;
}

.main-container #validationSummary,
.cpIBox #validationSummary {
    color: #B22A36;
    font-weight: bold;
    /*display: none !important;*/
}

#btnCancel {
    border: 2px solid #FFAA02;
    background-color: #FFFFFF;
    color: #FFAA02;
}

.submit-button-container {
    text-align: right;
    padding-top: 29px;
    margin-top: 16px;
}

.oauth-form {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
}

.oauth-form .form-content {
    display: flex;
}

#openid_form .form-container .form-content .link-container {
    padding: 0 4px;
}

#openid_form .form-container .form-content .link-container:before {
    content: "|";
    color: #FFAA02;
    padding-right: 4px;
}

#openid_form .form-container .form-content .link-container:nth-child(1):before {
    content: " ";
    margin: 0;
    padding: 0;
}

.oauth-form .form-content .link-container {
    display: none;
}

.oauth-form .form-content .link-container.link-google {
    display: inline-block;
}

.oauth-form .form-content .link-container.link-linkedIn {
    display: inline-block;
}

.validation-summary-errors ul {
    list-style-type: none;
    padding: 0 62px;
    color: #F43F1C;
    font-size: 14px;
}

#Login_Logo {
    background-image: url(logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 59px;
    margin: 30px auto;
    width: 299px;
    background-position: center;
}

.control-editor input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #000000;
    border-radius: 0px;
    border: 1px solid #CCC;
    margin: 4px 0;
    font-size: 14px;
}