.global-Footer {
    font-family: 'Karla';
    background-color: #212524;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    width: 100vw;
    border-top: 1px solid #FFF532;
    padding: 2rem 5vw 0;
}
.global-Footer .poncho-h6 {
    color: #FFFFFF;
    font-size: 14px;
}
.global-Footer > div.container {
    box-sizing: border-box;
    /*padding: 46px;
     display: grid;
    grid-template-areas: "logo nav disclaimer" "copyright copyright copyright";
    grid-template-columns: 220px 1fr 270px; */
}
.global-Footer > div.container div.logo-with-tagline {
   grid-area: logo;
  /* width: 220px; */
}
.global-Footer > div.container > .navigation {
   grid-area: nav;
   display: flex;
   margin-top: 3rem;
}
.global-Footer > div.container div.disclaimer {
   grid-area: disclaimer;
   /*width: 270px;*/
}
.global-Footer > div.container p.copyright {
   grid-area: copyright;
   width: 100%;		
   margin-top: 20px;
}
@media (min-width: 1201px) {
   .global-Footer > div.container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
   }
   .global-Footer > div.container div.logo-with-tagline {
      width: 30%;
   }
   .global-Footer > div.container > .navigation {
       justify-content: space-between;
       width: 55%;
   }
   
}
@media (max-width: 1200px) and (min-width: 901px) {
   .global-Footer > div.container {
       
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
   }  
   .global-Footer > div.container div.logo-with-tagline {
       width: 25%;
    }  
   .global-Footer > div.container > .navigation {
       width: 50%;
       justify-content: space-between;
   }
   
   .global-Footer > div.container p.copyright {	
       margin-top: 2.5vw;
   }
}
@media (max-width: 900px) and (min-width: 601px) {
   
   .global-Footer > div.container > .navigation .poncho-h5 {       
       line-height: 2.66vw;
       margin-bottom: 1vw;
   }
   .global-Footer > div.container > .navigation > div{
       margin-right: 9vw;
       width: 33%;
   }
   .global-Footer > div.container > div.disclaimer > p.poncho-caption{
       font-size: 1.22vw;
       line-height: 1.77vw;
       max-width: 48.88vw;
   }

   .global-Footer > div.container > div.disclaimer > p.poncho-h6{
       font-size: 1.22vw;
       line-height: 1.77vw;
       letter-spacing: 0.26vw;
       margin-top: 4vw;
   }

   .global-Footer > div.container p.copyright {       
       max-width: 48.88vw;
   }
}
@media (max-width: 600px) {
    .global-Footer > div.container > .navigation {
        margin-top: 0;
        flex-direction: column;
    }
   .global-Footer > div.container {
       padding: 12.77vw 5vw 8.33vw;
   }    
   .global-Footer > div.container > .navigation > div{
       margin-right: 10vw;
   }
   .global-Footer > div.container > .navigation > div > ul > li{
       white-space: nowrap;
       text-overflow: ellipsis;
       max-width: 68px;
   }
   /* .global-Footer > div.container > .logo-with-tagline > p {
       max-width: 60vw;
       font-size: 3.05vw;
       line-height: 4.44vw;
   }      */
   .global-Footer > div.container > .navigation p.poncho-h5{
       
       line-height: 6.66vw;
       
       margin-top: 10vw;
       margin-bottom: 1vw;
   }

   
   .global-Footer > div.container > div.disclaimer > p.poncho-caption{
       font-size: 3.055vw;
       line-height: 4.44vw;
       max-width: 122.22vw;
   }

   .global-Footer > div.container > div.disclaimer > p.poncho-h6{
       font-size: 3.055vw;
       line-height: 4.44vw;
       letter-spacing: 0.66vw;
       margin-top: 10vw;
       margin-bottom: 1vw;
   }
   .global-Footer > div.container p.copyright {
       font-size: 3.05vw;
       line-height: 4.44vw;
       max-width: 122.22vw;
   }
}
@media (max-width: 1439px) {
   .global-Footer > div.container {
       grid-template-areas: "logo" "nav" "copyright";
       grid-template-columns: 1fr;
   }
}
.global-Footer > div.container > .navigation a {
   text-decoration: none;
}
.poncho-h5 {
 font-family: 'Karla';
 font-size: 14px;
 font-weight: bold;
 line-height: 24px;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: #FFF532;
 margin-bottom: 12px;
 text-align:left;
}
.poncho-h6 {
 font-family: 'Karla';
 font-size: 14px;
 font-weight: bold;
 line-height: 16px;
 letter-spacing: 2.4px;
 text-transform: uppercase;
 color: #FFF532 !important;
 text-align:left;
 margin-bottoM: 12px;
}
.poncho-caption {
 font-family: 'Karla';
 font-size: 13px;
 line-height: 18px;
 color: #FFF532; 
 text-align:left; 
 margin-bottom: 40px;
}


.forceCommunityRichText ul>li:before {
   content: '' !important;
}
.forceCommunityRichText li:before {
   display: inline-block;
   margin-right: 0;
   /* text-align: right; */
   white-space: nowrap;
   /* width: 1.2em; */
}
.forceCommunityRichText ol li, .forceCommunityRichText ul li {
   padding-left: 0 !important;
   line-height: 30px;
}
.forceCommunityRichText ol, .forceCommunityRichText ul {
   text-align: left;
   padding-left: 0 !important;
}
@font-face {
   font-family: 'Karla';
   src: url('/resource/myFonts/Karla-Regular.ttf') format('ttf');
}
.salesforceIdentityLoginBody2 {
   background-color: #212524 !important;
   height: 100% !important;
   overflow-x: hidden !important;
   flex-direction: column !important;
   position: relative !important;
   min-height: 100vh !important;
}
.salesforceIdentityLoginBody2 .ui-widget {
   padding:0 !important;
}
.salesforceIdentityLoginBody2 a {
   color: #FFF533 !important;
   text-decoration: underline !important;
}

.p-disclaimer a {   
   color: #FFF532 !important;
}
.p-disclaimer {
    font-family: 'Karla';
    font-size: 13px;
    line-height: 18px;
    color: #FFF532 !important;
    text-align: left;
}


.salesforceIdentityLoginBody2 .cHeaderPanel {
   z-index: 1;
}

.salesforceIdentityLoginBody2 .cCenterPanel:before{
    background-color: transparent !important;
}
.salesforceIdentityLoginBody2 .cCenterPanel .siteforceContentArea {
    background-color: #383B3A !important;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12) !important;
    border-radius: 10px !important;
    padding: 1rem !important;
}
.salesforceIdentityLoginBody2 .cCenterPanel {
   flex: 1;
   width: 100% !important;
   /* padding: 15px 15px !important; */
   margin: 120px auto 40px auto !important;     
}

.salesforceIdentityLoginBody2 .inputContainer {
   border-radius: 3px !important;
   border: 1px solid #FFF533 !important;
   padding: 0 !important;
   margin-bottom: 20px !important;
}
.salesforceIdentityLoginBody2 .cFooterPanel {
   position: relative !important;
}

.salesforceIdentityLoginBody2 .inputBox {
   border-radius: 4px;
   background-color: #383B3A !important;
   color: #ffffff !important;
   letter-spacing: 0.2px !important;
   font-size: 13px !important;
   padding: 11px 17px !important;
   margin: 0 !important;
   width: 100% !important;
   height: 40px;
   
}

.salesforceIdentityLoginBody2 .inputBox::placeholder {
   color: #ffffff !important;
   font-size: 13px !important;
}

.salesforceIdentityLoginBody2 .inputIcon {
   display: none !important;
}

.salesforceIdentityLoginBody2 .loginButton.uiButton, .salesforceIdentityLoginBody2 .loginButton.uiButton:hover {
   background-color: #ffffff !important;
   font-size: 13px !important;
}

.salesforceIdentityLoginBody2 .uiButton .label {
   color: #10151C !important;
   font-size: 14px;
   font-weight: bold;
   line-height: 16px;
   font-family: 'Karla', sans-serif;
}

.salesforceIdentityLoginBody2 .inverseTextColor:hover {
   color: #FFF532 !important;
}
.salesforceIdentityLoginBody2 .inverseTextColor {
   color: #FFF532 !important;
   font-size:14px;
   line-height:17px
}

.salesforceIdentityLoginForm2 > div:last-child {
   text-align: center !important;
   font-size: 13px !important;
}
.salesforceIdentityLoginBody2 .loginButton.uiButton {
   border-radius: 160px;
   background-color: #FFF532 !important;
   width:33%;   
}

.header {
   background-color: #212524;
   border-bottom: 1px solid #FFF532;
   padding: 1rem 5vw;
   margin: 0;
   list-style: none;
   display: flex;
   justify-content: space-between;
   
}

.homepageLink {
    color: #FFF533 !important;	
    font-size: 16px;	
    line-height: 2rem;       
}

.login {
   width: 100%;
   color: #FFF533;
   font-size: 24px;
   font-weight: bold;
   letter-spacing: -0.8px;
   line-height: 28px;
   margin-bottom: 15px;   
   padding-bottom: 15px;
}

.uiInput--input.input:focus, .uiInput--input .input:focus{
   box-shadow: none !important;
}
.uiInput.uiInputText.uiInput--default.uiInput--input:focus {
   /* border: 1px solid #FFF533 !important;    */
   outline: 0;
}
.salesforceIdentityLoginBody2 .loginButton.uiButton:hover {
    background-color: rgb(178, 171, 35) !important;
    font-size: 13px !important;
}
.global-Logo {
 font-family: 'Karla';
 display: flex;
 flex-direction: column;
 margin-bottom: 24px;
 width: 120px;
}

 .center {
   text-align: center;
 }

.Poncho {
   font-size: 23px;
   font-weight: bold;
   letter-spacing: -0.7px;
   color: #171f3b;
   text-align:left;
 }

 .Insurance {
   font-size: 14px;
   letter-spacing: -0.42px;
   color: #00b3a5;
   text-align:left;
 }

@media (max-width: 767px) {
   .global-Footer > div.container {
       padding: 15px;
   }  
   .salesforceIdentityLoginBody2 .cCenterPanel {
       margin: 95px auto 15px auto !important;
   }   
}

@media (max-width: 374px) {
   .salesforceIdentityLoginBody2 .cCenterPanel {
       margin: 80px auto 15px auto !important;
   }
}
 
/* Password sent widget style starts */
.password-sent-notification-container {
   padding-bottom: 15px;
}
.password-sent-notification-container .psn-header-text{
   font-family: "Karla";
   font-weight: bold;
   font-size: 24px;   
   padding-bottom: 5px;
   margin-left: -28px;
   margin-right: -28px;
   padding-left: 28px;
}

.password-sent-notification-container p {
   font-family: "Karla";
   margin: 10px 0px 22px 0px;
   font-size: 14px;   
}

.password-sent-notification-container a.button {
   background: #FFF532;
   padding: 10px 30px;
   border-radius: 25px;
   color: #10151C !important;
   margin: 15px 0;
   text-decoration: none !important;
   font-size: 13px;
   font-weight: bold;
}
.password-sent-notification-container a.button:hover {
   background-color: #b2ab23 !important;
}
/* Password sent widget style ends here */

/* Reset Passowrd widget style starts */
.reset-password-container .rp-header-text{ 
   font-family: "Karla";
   font-weight: bold;
   font-size: 24px;      
}

.reset-password-container > p {
   font-family: "Karla";
   margin: 10px 0px 22px 0px;
   font-size: 14px;    
   line-height: 18px;
}

div.salesforceIdentityForgotPassword2 .loginButton.uiButton{
   width: auto;
}

a.reset-pass-cancel-btn {
   position: absolute;
   bottom: 38px;
   left: 180px;
}
/* Reset Passowrd widget style ends here */