html {
  font-family: 'open_sansregular', arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: 'open_sansregular', arial, Helvetica, sans-serif;/* 'Roboto Condensed', sans-serif;*/
}

a.calcinstallments {
  color: rgb(204, 224, 240);
  line-height: 39px;
  /*background-color: #2477AB;*/
  background-image: -webkit-linear-gradient(139deg,rgba(0,0,0,0),rgba(0,0,0,.15));
  background-image: linear-gradient(139deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15));
}

a.calcinstallments:active,
a.calcinstallments.active {
  line-height: 52px;
  /*background-color: #FF6666;
  background-image: -webkit-linear-gradient(139deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .25));
  background-image: linear-gradient(139deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .25));*/
}


/* SMS auth screen*/
.sms-numpad button { color:#000000;}

.screen-sms-verification.cc-full-screen.finished,
.screen-sms-verification.cc-full-screen,
.screen-sms-verification .active-error {
  color:#293033;
}

.screen-sms-verification .active-error {
  display:block;
}

.screen-sms-verification.cc-full-screen,
.screen-sms-verification.cc-full-screen.finished {
  background-color: #f0f0f0;

}
#resendSmsTokenLink {
  color:#000;
}
.sms-form label {
  color: #293033;
  letter-spacing: 0;
}

@media (max-height: 600px) {
  .btn{
    font-size: 18px;
  }
  .cc-sms-initial { line-height: 2rem;}

  .close-button,
  .close-button:link,
  .close-button:visited {
    font-size: 4rem;
  }
  .cc-close-screen {
    /*bottom: 4vh;*/
    z-index: 1005;
  }
  .cc-screen-branding {
    /*top: 4vh;*/
    z-index: 10;
  }
  .sms-numpad button {
    flex: 0 0 40px;
    height: 40px;
    margin-bottom: 6px;
    font-size: 1.4rem;
  }
  .screen-sms-verification .cc-screen-icon {
    font-size: 48px;
  }
  .screen-sms-verification .cc-screen-text,
  .screen-sms-verification .cc-screen-button {
    padding: 0 .5rem;
  }
}
@media (max-height: 500px) {
  .btn{
    font-size: 18px;
  }
  .cc-sms-initial { line-height: 1.8rem;}
  .cc-amount .cc-value,
  .cc-monthly .cc-value {
    font-size: 2.2rem;
  }

  .cc-close-screen {
   /* bottom: 3vh;*/
    z-index: 1005;
  }
  .cc-screen-branding {
    /*top: 3vh;*/
    z-index: 10;
  }
  .sms-numpad button {
    flex: 0 0 40px;
    height: 40px;
    margin-bottom: 6px;
    font-size: 1.4rem;
  }

  .screen-sms-verification .cc-screen-icon {
    display:none !important;
  }
}

/* change X icon to left arrow */
.icon-times-circle-o:before {
  content: "\f11a";
}


/* black friday */
.black-friday.cc-branding {
  display:flex;
  flex-flow: column;
  height:50px;
}
.black-friday.cc-branding img.franchise-logo {
  margin: 6px auto 6px 20px;
  height: 12px;
}
.black-friday.cc-branding .bf-banner-logo {
  display:block;
  height:24px;
  width: 256px;
  background-color: #000;
  background-image:url('../assets/gfx/black-friday/banner-256x24px.svg');
  /*margin-left:;*/
}

/* moved from main */
.cc-menu a#languageSelect {
  color: rgb(204, 224, 240);
  border: 1px solid #66A3D1;
}

.screen-intro .active-error {
  color: #ffffff;
}

.cc-screen-icon {
  color: #FFF;
}

.cc-close-screen a,
.cc-close-screen span,
.screen-sms-verification .cc-close-screen,
.screen-sms-verification .cc-close-screen .close-button {
   color: #2477AB; /* X */   
}

#one {
  background-color: #0066B3; /* 1 */
  border-bottom:4px solid #0066B3; /* 1 */
  color: #CCE0F0; /* 2 */
}

#one:after {
  border-top: 20px solid #0066B3; /* 1 */
}

#two {
  background-color: #F0F0F0;
}

.cc-language-list a,
.cc-language-list a:link,
.cc-language-list a:visited {
  color: #0066b3; /* 1 */
}

.cc-language-list a:hover,
.cc-language-list a:focus,
.cc-language-list a:active {
  background-color: #0066b3; /* 1 */
}

.cc-full-screen {  
  background-color: #0066b3; /* 1 */
}

.cc-transaction {  
  color: #CCE0F0; /* 2 */
}

.cc-transaction .cc-value,
.cc-transaction .cc-ext {
  color: #CCE0F0; /* 2 */
}

.cc-amount .cc-value,
.cc-monthly .cc-value {
  color: #CCE0F0; /* 2 */
}

#instStart,
#instEnd {
  color: #FFF; /* 2 */
}

.cc-label {
  color: #66A3D1; /* 3 */
}

a.calcinstallments {
  background-color: #66A3D1; /* 4 */
  background-image: -webkit-linear-gradient(139deg, #0066b3, #66A3D1);
  background-image: linear-gradient(139deg, #0066b3, #66A3D1);
}

.cc-select-title span {
  background-color: #66A3D1; /* 5 */
}

.cc-select-title span:after {
  border-top: 8px solid #66A3D1; /* 5 */
}

a.calcinstallments:active,
a.calcinstallments.active {
  background-color: #FF6666; /* 6 */
  background-image: -webkit-linear-gradient(139deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .25));
  background-image: linear-gradient(139deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .25));
}

.cc-language-list a:hover,
.cc-language-list a:focus,
.cc-language-list a:active {
  background-color:#FF6666; /* 6 */ 
  background-image: none;
}


#instMonthly,
#instNumber,
#instInterests,
#instTotal
{
  color: #0066b3; /* 7 */
}

.btn {
  background-color: #E81D26; /* 8 */ 
  background-image: none;
}

.footer {
  background-color: #FBD2D3; /* 9 */ 
}

.footer a:hover,
.footer a:focus,
.footer a:active {
  background-color: #F4777C;
  color: darkred;
  text-decoration: none;
}

.cc-offers {
  background: transparent url(../assets/gfx/dots.png) no-repeat center; /* 10 */ 
}

/*.cc-transaction,*/
.cc-calculation,
.cc-amortization,
.cc-accept,
.cc-expires {
  background-color: #FBFBFB; /* 11 */
}

.cc-language-list a,
.cc-language-list a:link,
.cc-language-list a:visited {
  background-color: #FBFBFB; /* 11 */
}

.cc-monthly a {  
  background-image: url('../assets/gfx/circle-area.svg'); /* 12 */
}

body {
  color: #5A5A5A; /* 13 */
}

.active-error {
  color: #5A5A5A; /* 13 */
}

.screen-sms-verification.cc-full-screen.finished {
  background-color:#CCE0F0; 
  color: #5A5A5A; /* 13 */
}

.screen-confirm.cc-full-screen,
.screen-sms-verification.cc-full-screen,
.screen-cancel.cc-full-screen,
.screen-language.cc-full-screen {
  background-color: #CCE0F0; /* 13 */
}

.footer a,
.footer a:link,
.footer a:visited {
  color: #5a5a5a; /* 13 */
}

.cc-plan-sequence-number,
.cc-plan-date {
  background-color: #F4777C;
}

/* logo */
.logoimg{
  content:url("../assets/gfx/logo-cornercard-inverse.svg");
}

.logoimg-main-scr{
  width:initial;
}