:root {
    --gradient-blue: linear-gradient(92.3deg, #6AC0F0 0%, #3A49CE 100%);

    --primary: #1D77CA;

    --bg: #FFF;
    --text: #333;
    --block-bg: #F9F9F9;
    --highlight: #1D77CA;
    --accent: #FDD000;

    --anchor: #1D77CA;
    --anchor-hover: #3292EB;

    --divider: 1px solid rgba(0, 0, 0, .08);

    /* Nav */
    --ct-logo: url("../../images/ct-logo-s.svg") no-repeat top left;
    --fin-logo: url("../../images/fin-logo.svg") no-repeat top left;
    --logo-divider: 1px solid #E1E1E1;

    /* Side Menu */
    --side-menu-bg: #1D77CA;
    --side-menu-custom-scroll-border: 2px solid #1D77CA;

    /* Button */
    --btn-primary: #1D77CA;
    --btn-primary-hover: #3292EB;
    --btn-primary-text: #FFF;


    /* Form */
    --placeholder: #888;

    --form-title: #1D77CA;
  
    --field-bg: #FFF;
    --field-icon: #aaa;
    --field-text: #333;
    --field-border: 1px solid #ddd;
    --field-focus-border: 1px solid #1D77CA;
    --select-field-arrow: #333;
  
    --field-error: #D44848;
}


/* Login
/*------------------------------------------------------------*/
.login,.register{
    background: url("../../images/fin-deco.svg") no-repeat left center, var(--gradient-blue);
    background-size: cover;
}



/* Navigation
/*------------------------------------------------------------*/
/* Logo */
.logo__ct {
  width: 100px;
  background: var(--ct-logo);
  border-right: var(--logo-divider);
  background-size: 90px 28px;
  padding-right: 12px; 
  margin-right: 12px; 
  display: inline-block;
}

.logo__fin {
  width: 81px;
  height: 28px;
  background: var(--fin-logo);
  background-size: 81px 28px;
  display: inline-block;
}

@media (min-width: 1200px) {
  /* Logo */
  .logo__ct {
    width: 131px;
    height: 36px;
    background-size: 116px 36px;
    padding-right: 15px; 
    margin-right: 15px; 
  }

  .logo__fin {
    width: 104px;
    height: 36px;
    background-size: 104px 36px;
  }
}


  /* Side Menu
/*------------------------------------------------------------*/
.menu__header .logo__fin {
    width: 81px;
    height: 28px;
    background: url("../../images/fin-logo-w.svg") no-repeat top left;
    background-size: 81px 28px;
  }