@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,800&display=swap');

@font-face {
  font-family: MilanTypeRevRegular;
  font-weight: normal;
  font-style: normal;
  src: url('/identity/s/sfsites/c/resource/milantyperev_r.woff2') format('woff2'), url('/identity/s/sfsites/c/resource/milantyperev_r.woff') format('woff');
}
@font-face {
  font-family: MilanTypeRevBold;
  font-weight: normal;
  font-style: normal;
  src: url('/identity/s/sfsites/c/resource/milantyperev_b_woff2') format('woff2'), url('/identity/s/sfsites/c/resource/milantyperev_b_woff') format('woff');
}

body {
    background: white !important;
}

body *{
    font-family: 'Raleway', sans-serif !important;
}

p b{
    background-color: white !important;
}

#LoginNew {
    background: none;
}

.salesforceIdentityIdentityHeader{
    display: none;
}
.salesforceIdentityIdentityBody .comm-content-header.comm-layout-column{
    margin: 0px;
}

.salesforceIdentityIdentityBody .contentRegion.comm-layout-column{
    text-align: left;
    min-width: 280px;
    max-width: 390px;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    display: block;
    position: relative;
    font-family: 'Salesforce Sans',Arial,sans-serif;
    font-size: 14px;
    color: rgb(22, 50, 92);
    text-decoration: none;
    vertical-align: middle;
    z-index: 0;
}

.communityLogoContainer.salesforceIdentityCommunityLogo{
    text-align: center;
}
.communityLogoContainer.salesforceIdentityCommunityLogo *{
    max-width: 100%;
}


.comm-page-self-register .salesforceIdentityLoginBody2 .cCenterPanel{
    color: #000000 !important;
}

.comm-page-self-register .cCustomSelRegister input{
    padding: 17px !important;
    margin-bottom: 2px !important;
    margin-top: 0px !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(143, 148, 152, 0.5);
}

.comm-page-self-register .cCustomSelRegister input:focus{
    border-bottom: 1px solid #000000 !important;
}

input:focus{
 outline: none !important;
}

.dateBar .slds-grid{
display: block;
}

.uiDatePickerGrid--default .slds-text-link,
.uiDatePicker--default .dateBar select{
    color: #c90c0f !important;
}
.slds-datepicker td.slds-is-selected>.slds-day{
    background: #c90c0f !important;
}


.comm-page-custom-myprofile  .slds-form-element label,
.comm-page-custom-myprofile .slds-form-element__label,
.comm-page-custom-myprofile .uiLabel span,
.comm-page-self-register .uiLabel span,
.comm-page-self-register .slds-form-element label,
.comm-page-self-register .slds-form-element__label{
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 400;
    color: #333333 !important;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table label{
    display: block;
}
.comm-page-custom-myprofile .salesforceIdentityIdentityBody table input{
    color: #333333!important;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td a{
    font-size: 14px;
    font-weight: bold;
    color: #c90c0f !important;

}



.comm-page-custom-myprofile .uiInputDate {
    width: 100%;
    display: block;
}

.salesforceIdentityLoginBody2 .cCenterPanel:before {
    content: none !important;
}

.salesforceIdentityCommunityLogo2.communityLogoContainer {
    margin-bottom: 60px;
}

.salesforceIdentityForgotPassword2 input {
    outline: none !important;
    padding: 16px 10px;
    width: 100%;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2px;
    font-weight: 600;
}

.comm-page-login-home .cCustomLoginForm input {
    outline: none !important;
    padding: 16px 10px !important;
    width: 100% !important;
    margin: 0;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
    border: none;
}

.comm-page-login-home .salesforceIdentitySocialLogin2 .uiButton .label{
    color: #000000;
}

.comm-page-login-home .salesforceIdentitySocialLogin2 .uiButton:hover{
    color: #ffffff!important;
    background: #333333!important;
}


.comm-page-login-home .uiInputDefaultError .form-element__help{
    text-align: right;
}

.salesforceIdentityForgotPassword2 input:-webkit-autofill,
.salesforceIdentityForgotPassword2 input:-webkit-autofill:hover,
.salesforceIdentityForgotPassword2 input:-webkit-autofill:focus,
.salesforceIdentityForgotPassword2 input:-webkit-autofill:active,

.comm-page-login-home .cCustomLoginForm input:-webkit-autofill,
.comm-page-login-home .cCustomLoginForm input:-webkit-autofill:hover,
.comm-page-login-home .cCustomLoginForm input:-webkit-autofill:focus,
.comm-page-login-home .cCustomLoginForm input:-webkit-autofill:active,

.salesforceIdentityChangePassword input:-webkit-autofill,
.salesforceIdentityChangePassword input:-webkit-autofill:hover,
.salesforceIdentityChangePassword input:-webkit-autofill:focus,
.salesforceIdentityChangePassword input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.comm-page-login-home .cCustomLoginForm #sfdc_user,
.comm-page-login-home .cCustomLoginForm #sfdc_lock {
    display: none;
}

.comm-page-login-home .cCustomLoginForm #sfdc_username_container,
.comm-page-login-home .cCustomLoginForm #sfdc_password_container {
    box-shadow: none;
    margin-bottom: 20px;
    height: 55px;
    border: none;
    padding: 0;
}

.comm-page-login-home .cCustomLoginForm #sfdc_username_container input,
.comm-page-login-home .cCustomLoginForm #sfdc_password_container input {
    border-bottom: 1px solid rgba(143, 148, 152, 0.5);
}

.comm-page-login-home .cCustomLoginForm #sfdc_username_container input:focus,
.comm-page-login-home .cCustomLoginForm #sfdc_password_container input:focus {
    border-bottom: 1px solid #000000;;
}


.comm-page-login-home .cCustomLoginForm #sfdc_forgot {
    text-align: center;
    margin-top: 28px;
    font-size: 12px;
    line-height: 20px;
}

.comm-page-login-home .cCustomLoginForm #sfdc_forgot a {
    color: #666666;
}

.comm-page-login-home .cCustomLoginForm #sfdc_forgot:hover a {
    text-decoration: underline;
    color: #666666;
}

.comm-page-check-password .uiOutputRichText span{
      font-family: MilanTypeRevBold, sans-serif !important;
     font-size: 20px !important;
    font-weight: bold;
    color: #000000;
}

.comm-page-check-password .forceCommunityRichText p{
    color: #666666 !important;
}

.comm-page-custom-pwdchanged .uiOutputRichText p{
    font-family: MilanTypeRevBold, sans-serif !important;
     font-size: 20px !important;
    font-weight: bold;
    color: #000000;
    margin-bottom: 30px;

}
.comm-page-custom-pwdchanged{
    margin-bottom: 100px;
}

.comm-page-custom-pwdchanged div {
    margin: 0px;
}
.comm-page-custom-pwdchanged .communityLogoContainer{
    margin-bottom: 80px;
}

.comm-page-custom-pwdchanged .uiOutputRichText a{
    text-transform: uppercase;
    line-height: 26px;
    margin: 0px;
    margin-top: 25px;
    box-shadow: none;
    font-size: 14px;
    color: #ffffff !important;
    text-shadow: none;
    font-weight: 800;
    background-color: #c90c0f;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 12px;
    width: 100%;
}

.salesforceIdentityForgotPassword2 .uiButton,
.cCustomLoginForm button.sfdc_button {
    text-transform: uppercase;
    line-height: 26px;
    margin: 0px;
    margin-top: 25px;
    box-shadow: none;
    font-size: 14px;
    color: white;
    text-shadow: none;
    font-weight: 800;
    background-color: #c90c0f;
    border-radius: 3px;
}

.inputIcon{
    display: none;
}

.salesforceIdentityForgotPassword2 .inputContainer{
    padding: 0px;
    border: 0px none red;
    border-bottom: 1px solid rgba(143, 148, 152, 0.5);
}

.forceCommunityRichText.forceCommunityRichTextInline .uiOutputRichText a{
     color: #c90c0f;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}

.salesforceIdentityForgotPassword2 button.uiButton:hover,
.cCustomLoginForm button.sfdc_button:hover {
    background-color: #A0090C;
    border: 1px solid #A0090C;
}

.cCustomLoginForm #sfdc_notmember {
    text-align: center;
    margin-top: 24px;
}

.cCustomLoginForm #sfdc_notmember > span {
    float: none !important;
    line-height: 20px;
    font-size: 14px;
    color: #666666;
}

.cCustomLoginForm #sfdc_notmember > span a {
    line-height: 20px;
    cursor: pointer;
    font-size: 14px;
    color: #c90c0f;
    text-decoration: none;
    font-weight: bold;
}

.cCustomLoginForm #sfdc_notmember > span a:hover {
    text-decoration: underline;
}

.comm-page-login-home .salesforceIdentitySocialLogin2 .or {
    margin-bottom: 13px;
    line-height: 26px;
    margin-top: 43px;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
}

.salesforceIdentitySocialLogin2 .or:after, .salesforceIdentitySocialLogin2 .or:before {
    content: none;
    display: none;
}

.salesforceIdentitySocialLogin2 li {
    line-height: 24px !important;
    font-size: 12px !important;
    color: #333333 !important;
}

.comm-page-login-home .salesforceIdentitySocialLogin2 .uiButton {
    border: solid 1px #333333 !important;
    background: transparent !important;
    border-radius: 3px !important;
    padding: 5px 12px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    outline: none !important;
}

.salesforceIdentitySocialLogin2 .uiButton {
    border: solid 1px #333333;
    background: transparent;
    border-radius: 3px;
    padding: 5px 12px;
    box-shadow: none;
    cursor: pointer;
    outline: none;
}


.salesforceIdentitySocialLogin2 .uiButton:hover {
    background-color: #333333;
}

.salesforceIdentitySocialLogin2 .uiButton .label {

    line-height: 24px;
    font-size: 12px;
    color: #333;
    font-weight: bold;
}

.salesforceIdentitySocialLogin2 .uiButton:hover .label {
    color: #ffffff;
}

.salesforceIdentityLoginBody2{
    padding-bottom: 100px;
}

.cCommunityMilanFooter.grid{
    padding-top: 45px;
    padding-bottom: 65px;    
}

.cCommunityMilanFooter span{    
    line-height: 20px;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
}

.cFooterPanel{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0px;
}

.cFooterPanel  div{
    margin: 0px;   
}

.cFooterPanel .ui-widget{
    padding-top: 0px;
    padding-bottom: 0px;
}

.cCommunityMilanFooter span a{    
    color: #c90c0f !important;
    padding: 0px 10px;
    font-weight: bold;
}

.salesforceIdentityLoginBody2 input{
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2px;
    font-weight: 600;
}

.salesforceIdentityLoginBody2 #sfdc_forgot{
    color: #666666;
    font-size: 12px;
    line-height: 20px;
}


.socialOption .label.bBody{
    display: inline-block;
}
.socialOption svg{
    display: inline-block;
    height: 100%;
}

.socialOption .uiButton:hover svg,
.socialOption .uiButton:hover svg *{
    fill:#ffffff;
    color: #ffffff;
}

.cCustomLoginForm #error{
     color: #c90c0f;
}
.error{
    color: #c90c0f;
}

::placeholder { 
  color: #333333;
  opacity: 1;
}

:-ms-input-placeholder { 
  color: #333333;
}

::-ms-input-placeholder { 
  color: #333333;
}


.comm-page-forgot-password .uiOutputRichText p b{
    font-family: 'MilanTypeRevBold', sans-serif !important;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    color: #000000;
}

.uiOutputRichText p{
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}

.salesforceIdentityForgotPassword2 .inputBox{
    width: 90%;
}

.comm-page-change-password{
    margin-bottom: 300px;
}

.comm-page-change-password .salesforceIdentityIdentityCustomHomeLayout  #error{
    color: #c90c0f !important;
}

.comm-page-change-password .siteforceContentArea{
     text-align: left;
    min-width: 280px;
    max-width: 390px;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    display: block;
    position: relative;
    font-family: 'Salesforce Sans',Arial,sans-serif;
    font-size: 14px;
    color: rgb(22, 50, 92);
    text-decoration: none;
    vertical-align: middle;
    z-index: 0;
}

.comm-page-change-password .salesforceIdentityChangePassword .sfdc{
    margin: 0px;
    border: 0px none red  !important;

}

.comm-page-change-password .salesforceIdentityChangePassword  #sfdc_password_container,
.comm-page-change-password .salesforceIdentityChangePassword #sfdc_confirm_password_container{
    box-shadow: inset 0 -1px 0 0 rgba(143, 148, 152, 0.5)
}

.comm-page-change-password div{
    margin: 0px;
}

.comm-page-change-password div.forceCommunityRichText{
    margin: 30px auto;
    text-align: center;
}

.comm-page-change-password div.forceCommunityRichText .uiOutputRichText :first-child{
    font-family: MilanTypeRevBold, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold;
    color: #000000;
    margin-bottom: 30px;
}

.comm-page-change-password .salesforceIdentityChangePassword .sfdc_button.uiButton{
    text-transform: uppercase;
    line-height: 26px;
    margin: 0px;
    margin-top: 25px;
    box-shadow: none;
    font-size: 14px;
    color: white;
    text-shadow: none;
    font-weight: 800;
    background-color: #c90c0f;
    border-radius: 3px;
}

.comm-page-change-password .salesforceIdentityChangePassword .sfdc_button.uiButton:hover{
    background-color: #A0090C;
    border: 1px solid #A0090C;
}

.comm-page-change-password .salesforceIdentityChangePassword #error{
    margin: 0px;
}


.comm-page-self-register .salesforceIdentityLoginBody2 .cCenterPanel{
    min-width: none;
    max-width: 990px;
}

.comm-page-self-register  h1 span{
    font-family: MilanTypeRevBold !important;
  font-size: 28px !important;
  font-weight: bold;
    margin-bottom: 30px;
    display: block;
    color: #000000;
}

.comm-page-self-register  h2 span{
    font-size: 16px !important;
    color: #333333;
    font-family: 'Raleway', sans-serif !important;
    font-weight: normal;
}

.comm-page-self-register  h4{
    font-family: MilanTypeRevBold !important;
    font-size: 24px;
        color: #333333;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}

.comm-page-self-register  h5{
    font-family: Raleway;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.comm-page-self-register .cCustomSelRegister p h5{
    font-size: 24px;
    font-family: MilanTypeRevBold !important;
    text-align: center;
}


.comm-page-self-register .slds-list_horizontal #slds-form-element,
.comm-page-self-register .slds-list_horizontal .sfdc{
    width: 50%;
    padding: 0px 30px;
    box-sizing: border-box;
}

.comm-page-self-register .slds-list_horizontal #slds-form-element{
    padding-top: 10px;
    padding-bottom: 10px;
}


.comm-page-self-register .slds-list_horizontal .sfdc input{
    width: 100%;
    margin-left: 0px !important;
    margin-top: 7px !important;
}

.comm-page-self-register .slds-list_horizontal .login-icon{
    display: none;
}

.comm-page-self-register .slds-list_horizontal #sfdc_username_container {
    margin: 0px;
    padding: 10px 30px;
    border-radius: 0px;
    border: none !important;
    box-shadow: none !important;
}

.comm-page-self-register .slds-list_horizontal .slds-datepicker__filter{
        box-shadow: none !important;
        display: block;
}

.comm-page-self-register .slds-list_horizontal .slds-datepicker__filter input{
    margin-left: 0px !important;
    display: block;
}

.comm-page-self-register .slds-list_horizontal .slds-datepicker__filter ul{
    width:100%;
    display: block;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table .slds-datepicker__filter.slds-grid,
.comm-page-self-register .cCustomSelRegister table tr td .slds-datepicker__filter.slds-grid{
    display: block;
}

.comm-page-self-register .slds-list_horizontal #slds-form-element .uiInputDate{
    width: 100%;
}
.comm-page-self-register .slds-list_horizontal #slds-form-element .uiInputDate .display{
    float: right;
}

.comm-page-self-register .slds-list_horizontal .uiDatePicker.visible, .uiDatePicker.DESKTOP.visible{
    left: auto;
    right: calc(50% - 445px) !important;
}

.comm-page-forgot-password .cForgotPassword  button.sfdc_button,
.comm-page-self-register .cCustomSelRegister button.sfdc_button,
.comm-page-custom-myprofile  button.sfdc_button.uiButton{
    text-shadow: none;
    max-width: 300px;
    color: #ffffff;
    margin: 20px auto;
    display: block;
    box-shadow: none;
    border-radius: 3px;
        background-color: #c90c0f;
}

.comm-page-custom-myprofile  button.sfdc_button.uiButton{
    padding: 10px 30px;
}

.comm-page-forgot-password .cForgotPassword  button.sfdc_button:hover,
.comm-page-self-register .cCustomSelRegister button.sfdc_button:hover,
.comm-page-custom-myprofile  button.sfdc_button.uiButton:hover{
    background-color: #A0090C;
    border: 1px solid #A0090C;
}

.comm-page-forgot-password .cForgotPassword  button.sfdc_button span,
.comm-page-self-register .cCustomSelRegister button.sfdc_button span,
.comm-page-custom-myprofile  button.sfdc_button.uiButton span{
        color: #ffffff;
    font-size: 14px;
  font-weight: 800;
}

.comm-page-forgot-password .cForgotPassword #sfdc_username_container{
        border-radius: 0px;
    border: 0px none red;
    box-shadow: none;
    margin-left: 22px !important;
    margin-right: 22px !important;
}

.comm-page-forgot-password .cForgotPassword #sfdc_username_container input{
    border-bottom: 1px solid rgba(143, 148, 152, 0.5);
    width: 100%;
    padding: 17px 10px;
    box-sizing: border-box;
    margin-left: 0px !important;;
}

.comm-page-forgot-password .cForgotPassword #sfdc_username_container input:focus{
    border-bottom: 1px solid #000000;
}


.comm-page-self-register .cCustomSelRegister table tr td{
    width: 50%;
    padding: 10px 30px;
}
.comm-page-self-register  .cCustomSelRegister  table tr td .slds-datepicker__filter ,
.comm-page-self-register  .cCustomSelRegister  table tr td #sfdc_email_container,
.comm-page-self-register  .cCustomSelRegister  table tr td #sfdc_username_container,
.comm-page-self-register  .cCustomSelRegister  table tr td #sfdc_nickname_container,
.comm-page-self-register  .cCustomSelRegister  table tr td #sfdc_nickname_container,
.comm-page-self-register  .cCustomSelRegister  table tr td #sfdc_password_container,
.comm-page-self-register  .cCustomSelRegister  table tr td #sfdc_confirm_password_container{
    border-radius: 0px;
    border: 0px none red;
    box-shadow: inset 0 -1px 0 0 rgba(143, 148, 152, 0);
    margin-bottom: 0px;
    padding: 0px;
    
}

.comm-page-self-register .cCustomSelRegister  table tr td select{
    padding: 17px 10px;
}

.comm-page-self-register  .cCustomSelRegister  table tr td  .uiInputDate{
    width: 100%;
}
.comm-page-self-register  .cCustomSelRegister  table tr td  .uiInputDate .display{
    float: right;
}

.comm-page-self-register  table tr td  .uiDatePicker.visible, .uiDatePicker.DESKTOP.visible{
    left: auto;
    right: calc(50% - 445px) !important;
}

.comm-page-self-register table tr td .login-icon{
    display: none;
}

.comm-page-self-register .cCustomSelRegister a,
.comm-page-self-register .cCustomSelRegister a:hover{
    font-size: 14px;
    font-weight: bold;
    color: #c90c0f;
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;

}

.comm-page-self-register .cCustomSelRegister .datePicker-openIcon{
    display: none;
}

.comm-page-self-register .cCustomSelRegister a:hover{
    text-decoration: underline;
}

.comm-page-self-register  .cCustomSelRegister input{
    margin-top: 17px;
        margin-bottom: 17px;
}

.comm-page-self-register h1{
     font-family: MilanTypeRevBold !important;
  font-size: 24px !important;
  font-weight: bold;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}

.comm-page-custom-myprofile{
    margin-bottom: 300px;
    position: relative;
    background: white !important;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody .contentRegion.comm-layout-column{
    max-width: none;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody .contentRegion.comm-layout-column .ui-widget{
    max-width: 990px;
    margin: 0 auto;
}

input {-webkit-appearance: none; box-shadow: none !important; }


.comm-page-custom-myprofile .salesforceIdentityIdentityBody .uiOutputURL{

  font-size: 14px;
  color: #c90c0f !important;
    font-weight: bold;

}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody  h1,
.comm-page-custom-myprofile .salesforceIdentityIdentityBody  h1 span{
    font-family: MilanTypeRevBold !important;
  font-size: 28px !important;
  font-weight: bold;
    margin-bottom: 30px;
    display: block;
    color: #000000;
    text-align: center;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td{
    width: 50%;
    padding-top: 10px;
        padding-bottom: 10px;
}
.comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td > div{
    width: 100%;
    padding: 0px 10px;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table *{
    margin: 0px;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td p{
    width: 100%;
    text-align: center;
    display: block;
    padding-top: 30px;
    font-weight: bold;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td .slds-required,
.comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td .slds-form-element__label{
    display: inline-block;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td .slds-required,
.comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td .required{
    color: #c90c0f !important;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td .slds-datepicker__filter.slds-grid .uiInputDate{
    width: 100%;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table label{
    padding: 10px 0px;
}
.comm-page-custom-myprofile .salesforceIdentityIdentityBody table input{
    -webkit-appearance: none;
    border: none;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid rgba(143, 148, 152, 0.5);
    padding: 17px 10px;
    font-weight: bold;
    border-radius: 0px;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table input:focus{
    border-bottom: 1px solid #000000;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table input.uiInput--datetime{
    padding: 12px 10px !important;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table span.uiOutputText{
    padding-top: 12px
}


.comm-page-custom-myprofile  h4{
    font-family: MilanTypeRevBold !important;
    font-size: 24px;
        color: #333333;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}

.comm-page-custom-myprofile  h5{
font-family: Raleway;
  font-size: 16px;
  font-weight: bold;
    color: #333333;
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table .uiOutputText{
    padding: 17px 10px;
    font-weight: bold;
    display: block;
        border-bottom: 1px solid rgba(143, 148, 152, 0.5);
}

.comm-page-custom-myprofile .salesforceIdentityIdentityBody table select{
    display: block;
    width: 100%;
    padding: 17px 10px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(217, 219, 221);
    transition: border .1s linear,background-color .1s linear;
        -webkit-appearance: none;
}

.comm-page-custom-myprofile div{
    margin-top: 0px;
    margin-bottom: 0px;
}


.comm-page-custom-myprofile  .uiOutputURL.cContactProfile{
    font-family: Raleway !important;
  font-size: 14px;
  font-weight: bold;
  color: #c90c0f !important;

}

.comm-page-custom-myprofile .cContactProfile{
text-align: left;
    min-width: 280px;
    max-width: 990px;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    display: block;
    position: relative;
    font-size: 14px;
    color: rgb(22, 50, 92);
    text-decoration: none;
    vertical-align: middle;
    z-index: 0;
}

.comm-page-custom-myprofile .cContactProfile h2{
       font-family: MilanTypeRevBold !important;
  font-size: 24px !important;
  font-weight: bold;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}

.comm-page-custom-myprofile .cContactProfile h1{
 font-family: Raleway;
  font-size: 16px;
  font-weight: bold;
}

.comm-page-custom-myprofile .cContactProfile a.uiOutputURL,
.comm-page-custom-myprofile .cContactProfile button.uiButton,
.comm-page-custom-myprofile .cContactProfile button.uiButton:hover{
    font-family: Raleway;
  font-size: 14px;
  font-weight: bold;
  color: #c90c0f !important;
    margin-bottom: 25px;
    margin-top: 10px;
    display: block;
    border: none;
background: none;

}
.comm-page-custom-myprofile .cContactProfile button.uiButton span{
    color: #c90c0f !important;
}

.comm-page-custom-myprofile .cContactProfile table tr td{
    width: 50%;
    padding: 0px 15px
}
.comm-page-custom-myprofile .cContactProfile table tr td > div{
    padding: 10px;
}

.comm-page-custom-myprofile .cContactProfile label,
.comm-page-custom-myprofile .cContactProfile span{
    color: #333333;
    font-family: Raleway;
    font-size: 12px;
        display: block;
    margin-bottom: 15px;
}

.comm-page-custom-myprofile .cContactProfile input{
    display: block;
     font-family: Raleway;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    padding: 0px 0 13px 0px;
     box-shadow: inset 0 -1px 0 0 rgba(143, 148, 152, 0.5);
    margin-bottom: 30px;
    width: 100%;
    margin-left: 0px;
}

.comm-page-custom-myprofile .cContactProfile span.uiOutputText{
    display: block;
     font-family: Raleway;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    padding: 0px 0 13px 0px;
     box-shadow: inset 0 -1px 0 0 rgba(143, 148, 152, 0.5);
    margin-bottom: 30px;
    width: 100%;
}

.comm-page-custom-myprofile .cContactProfile table tr td select{
    padding: 17px 10px;
    width: 100%;
    background: white;
    display: block;
    margin: 0px 0 13px 0px;
    height: 40px;
    border-radius: 0px;
    border: 1px solid #333333;
}


.comm-page-custom-myprofile .cContactProfile button.sfdc_button{
    text-shadow: none;
    max-width: 300px;
    color: #ffffff;
    margin: 20px auto;
    display: block;
    box-shadow: none;
    border-radius: 3px;
        background-color: #c90c0f;
}

.comm-page-custom-myprofile .cContactProfile button.sfdc_button span{
    color: #ffffff !important;
        margin-bottom: 0px;
        margin-top: 0px;

}
.comm-page-custom-myprofile .cContactProfile button.sfdc_button:hover{
    background-color: #A0090C;
    border: none;
    margin: 20px auto;

}

.comm-page-self-register  .cCustomSelRegister .slds-checkbox--faux,
.comm-page-custom-myprofile  .slds-checkbox--faux{
    margin-right: 10px;
    display: inline-block;
}

.comm-page-custom-myprofile .cContactProfile .slds-form-element__label{
    font-family: Raleway;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
    display: inline-block;
}

.comm-page-custom-myprofile .cContactProfile p{
  font-size: 10px;
  line-height: 20px;
  color: rgba(51, 51, 51, 0.5);
}

.slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after, .slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux:after, .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after, .slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux:after, .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after, .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux:after{
border-bottom: 2px solid #c90c0f;
    border-left: 2px solid #c90c0f;
}

.slds-scope #wrap #main{
    background: #ffffff;
}

.slds-scope #wrap #main #content{
    border: none;
}

.slds-scope #wrap #main #content .slds-form-element__label .uiOutputRichText{
    font-size: 14px;
}

.slds-scope #wrap #main #content .actionsLeft{
    display: none;
}

.slds-scope #wrap #main #content .actionsRight{
    display: block;
    width: 100%;
}

.slds-scope #wrap #main #content .actionButtonBar button.slds-button{
text-transform: uppercase;
    line-height: 26px;
    margin: 0px;
    margin-top: 25px;
    box-shadow: none;
    font-size: 14px;
    color: white;
    text-shadow: none;
    font-weight: 800;
    background-color: #c90c0f;
    border-radius: 3px;
    border: none;
    width: 100%;
    padding: 10px 12px;
}

.slds-scope #wrap #main #content .actionButtonBar button.slds-button:hover{
    background-color: #A0090C;
    border: none;;

}

.slds-scope #wrap #main #content .slds-form-element__control input{
    border: none;
    border-bottom:1px solid  rgba(143, 148, 152, 0.5);
    border-radius: 0px;
    font-size: 14px;
    font-weight: 600;
}

.slds-scope #wrap #main #content .slds-form-element__control .slds-input__icon{
    display: none;
}

.slds-scope .slds-checkbox [type=checkbox]:checked+.slds-checkbox_faux:after, .slds-scope .slds-checkbox [type=checkbox]:checked+.slds-checkbox--faux:after, .slds-scope .slds-checkbox [type=checkbox]:checked~.slds-checkbox_faux:after, .slds-scope .slds-checkbox [type=checkbox]:checked~.slds-checkbox--faux:after, .slds-scope .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after, .slds-scope .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox--faux:after{
border-bottom: 2px solid #c90c0f !important;
    border-left: 2px solid #c90c0f !important;

}

.slds-scope #wrap #main #content .tr{
    text-align: center;
}

.slds-scope #wrap #main #content .tr #logged_in_as_sp{
    font-weight: 600;
    color: #333333 !important
}

.slds-scope #wrap #main #content h1{
    color: #333333 !important
}

.slds-scope #wrap #main #content select{
     display: block;
    width: 100%;
    padding: 17px 10px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(217, 219, 221);
    transition: border .1s linear,background-color .1s linear;
}

.slds-scope #wrap #main #content .tr #not_you_link_sp a{
    color: #c90c0f;
    font-weight: 600;
}

.registrazione form .pbBody{
    font-size: 20px;
    font-weight: 700;
}

.registrazione form .pbBody img{
    display: block;
    margin: 70px auto 10px;
}

.registrazione form .pbBody a input{
    text-transform: uppercase;
    line-height: 26px;
    margin: 0px;
    margin-top: 25px;
    box-shadow: none;
    font-size: 14px;
    color: white;
    text-shadow: none;
    font-weight: 800;
    background-color: #c90c0f;
    border-radius: 3px;
    padding: 10px 12px;
    width: 300px;
    border: none;
    cursor: pointer;
}

.registrazione form .pbBody a:hover input{
    background-color: #A0090C;
    border: none;
}

 .comm-page-self-register .uiLabel span.required{
        color: #c90c0f !important;
    }


#cambiopwd table{
    width: 300px;
}

#cambiopwd table tr {
    margin-top: 20px;
    display: block;
}

#cambiopwd table tr td{
    display:block;

}

#cambiopwd table tr td label{
    font-size: 12px;
    color: #333333;
}

#cambiopwd table tr td input{
    border: none;
    border-bottom: 1px solid rgba(143, 148, 152, 0.5);
    padding: 17px 10px;
    width: 100%;
    box-sizing: border-box;
}

#cambiopwd table tr td input:focus{
    border-bottom: 1px solid #000000;
}

#cambiopwd input[type="submit"]{
    
    text-transform: uppercase;
    line-height: 26px;
    margin: 0px;
    margin-top: 25px;
    box-shadow: none;
    font-size: 14px;
    color: white;
    text-shadow: none;
    font-weight: 800;
    background-color: #c90c0f;
    border-radius: 3px;
    padding: 10px 12px;
    width: 300px;
    border: none;
    cursor: pointer;
}

#cambiopwd input[type="submit"]:hover{
    background-color: #A0090C;
    border: none;
}

.cambiopwd img{
    display: block;
    margin: 70px auto 10px;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

input[type="text"]{
    color: #000000 !important;
}


.salesforceIdentityIdentityBody .contentRegion.comm-layout-column{
    color: #333333 !important;
}

.uiInputDefaultError .form-element__help{
    margin-top: 0px !important;
}

@media only screen and (max-width: 768px) {
		.salesforceIdentityIdentityHeader{
		    display: none;
		}
    .salesforceIdentityLoginBody2 .cCommunityMilanFooter{
        padding-bottom: 45px;
    }
    .salesforceIdentityLoginBody2 .cCommunityMilanFooter span span.inside{
        display: block;
    }
                                            
    .salesforceIdentityCommunityLogo2.communityLogoContainer{
        margin-bottom: 30px;
    }
    
    .comm-page-custom-pwdchanged .communityLogoContainer{
        margin-top: 100px;
    }
    
    .comm-page-self-register  .cCenterPanel table tr td,
    .comm-page-custom-myprofile .cContactProfile table tr td {
        width: 100%;
        padding: 0px 10px;
        display: block;
        margin-top: 45px;
    }
    
    .comm-page-self-register .slds-list_horizontal {
        display: block;
    }
    
    .comm-page-self-register .slds-list_horizontal #slds-form-element{
        width: 100%;     
        margin-top: 30px;
        padding-left: 10px;
        padding-right: 10px;

    }
    
    .comm-page-self-register .slds-list_horizontal #sfdc_username_container{
    width: 100%;
    margin: 0px;
    box-sizing: border-box;                                            
    }
    
    .comm-page-forgot-password .cForgotPassword button.sfdc_button, 
    .comm-page-self-register .cCustomSelRegister button.sfdc_button, 
    .comm-page-custom-myprofile button.sfdc_button.uiButton{
        max-width: none;
        width: calc(100% - 20px) !important;
        margin: 10px;
    }
    

    
    .comm-page-self-register .slds-list_horizontal .slds-form-element,
    .comm-page-self-register .slds-list_horizontal #sfdc_username_container{
        padding-left: 10px;
        padding-right: 10px;
        margin: 10px auto;
    }



    .comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr {
        margin: 0px;
        display: block;
    }
    .comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr td{
        width: 100%;
        /*display: block;*/
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 30px;

    }
    
    .comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr:nth-child(2) td:nth-child(1){
        display: none;
    }
    
    .comm-page-custom-myprofile .salesforceIdentityIdentityBody table tr:nth-child(2) td:nth-child(2){
        margin-top: 0px;
    }
}
Quicklinks
Profiles Chamber
Quick Console
Home
Quick Query
Execute Anonymous
Sobject fields
Quick ORG Describe
Replace API Names
Convert SF Id
Login As...
Games
Options
Hide
The Welkin Suite’s fast, one dashboard approach for configuring Salesforce Orgs