.btn {
  border-radius: 0; }

.btn-outline-secondary {
  background-color: #fff; }

/* ~~~~~~~~~~~~~~
      Password
    ~~~~~~~~~~~~~~ */
.password {
  position: relative; }
  .password_checkbox:checked ~ .password_toggler > .open {
    display: block; }
  .password_checkbox:checked ~ .password_toggler > .hide {
    display: none; }
  .password_checkbox ~ .password_toggler > .open {
    display: none; }
  .password_checkbox ~ .password_toggler > .hide {
    display: block; }
  .password_toggler {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    /*appearance: none;
        outline: none;*/
    display: block;
    /*background: red;*/
    height: 20px;
    width: 20px; }
    .password_toggler i {
      font-size: 1.5em;
      color: #adb2c6; }
  .password_input {
    padding-right: 3em; }

/* ~~~~~~~~~~~~~~
      Ripple Effect
    ~~~~~~~~~~~~~~ */
.ripple {
  width: 2px;
  height: 2px;
  position: absolute;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-animation: rippleEffect 0.5s ease-in-out;
  animation: rippleEffect 0.5s ease-in-out; }

@-webkit-keyframes rippleEffect {
  0% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(var(--scale)); } }

@keyframes rippleEffect {
  0% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(var(--scale)); } }

body {
  box-sizing: border-box;
  font-size: 12px; }

.grid {
  display: grid;
  grid-template-rows: 8vh 92vh;
  grid-gap: 0; }

.header {
  background: #f9841f;
  background: linear-gradient(0deg, #f9841f 0%, #ffab1f 63%);
  color: #fff;
  z-index: 5;
  display: flex;
  align-items: center; }
  .header_logo img {
    max-width: 60px; }
  .header_title {
    margin: 0; }

.landing_image {
  background: url("../../../Assets/Images/img_blurred_background.png") no-repeat center center;
  background-size: cover; }

.landing_container {
  padding: 0em 10em 4em 10em;
  /*&:before {
            content: '';
            position: absolute;
            width: 100%;
            background-color: white;
            height: 100vh;
            top: 0;
            z-index: -90;
        }*/ }

.landing_header {
  margin-left: -0.1em; }
  .landing_header span {
    padding-left: 2px;
    border-right: .08em solid;
    -webkit-animation: caret 1s steps(1) infinite;
    animation: caret 1s steps(1) infinite; }

@-webkit-keyframes caret {
  50% {
    border-color: transparent; } }

@keyframes caret {
  50% {
    border-color: transparent; } }

.landing_subheader {
  /*font-size: 1.27em;*/ }

.landing_form {
  padding: 2em 0 0; }
  .landing_form label {
    font-size: 1.2em; }

.landing_left-panel {
  background: url("../../../Assets/Images/img_login_background.png") no-repeat center center;
  background-size: 100% 100%;
  padding: 3rem 5rem 7rem 5rem; }

.landing_right-panel {
  background: url("../../../Assets/Images/Group 154.png") no-repeat center center;
  background-size: 100% 100%; }

.landing_rights {
  font-size: xx-small;
  bottom: 5px; }

/*.grid * {
    border: 1px solid #000;
}*/
@media (min-width: 768px) {
  .landing {
    /*&_image {
            background: url('../../../Assets/Images/img_blurred_background.png') no-repeat center center;
            background: url('../SignIn/Images/img_landing.png') no-repeat center center;
            background-size: cover;
        }*/ }
    .landing_wrapper {
      transform: translateY(15%); }
  .btn.btn-brand.btn-elevate.btn-sign-in {
    position: relative;
    border: none;
    padding: calc(60px / 2);
    width: 60px;
    height: 60px;
    border-radius: calc(60px / 2);
    background: white;
    background: radial-gradient(at top left, white 0%, #fffbf5 18%, #fea727 70%, rgba(242, 103, 69, 0.84) 85%);
    box-shadow: 0px 1px 20px rgba(255, 213, 123, 0.64), 10px 20px 21px rgba(247, 132, 53, 0.22) !important;
    transition: all 0.5s ease-in-out; }
    .btn.btn-brand.btn-elevate.btn-sign-in i {
      font-size: 3.0em;
      position: absolute;
      left: 49%;
      top: 50%;
      transform: translate(-41%, -50%);
      color: #fff5e6;
      font-weight: 900;
      text-shadow: -1px -1px 0px #f9b44a; }
  .btn.btn-brand.btn-elevate.btn-sign-in:hover,
  .btn.btn-brand.btn-elevate.btn-sign-in:active {
    transform: scale(1.15);
    box-shadow: -2px 1px 24px rgba(255, 213, 123, 0.34), 10px 29px 36px rgba(247, 132, 53, 0.15) !important; } }

@media (min-width: 1024px) {
  .landing > .row:first-child {
    background-size: 20vw; }
  .landing_wrapper {
    transform: translateY(10%); } }

@media (min-width: 1300px) {
  .landing_container {
    padding: 3em 10em 6em 10em; }
  .landing_wrapper {
    transform: translateY(5%); } }

.font-size-smaller {
  font-size: smaller; }

.form-control-sign-in {
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid white !important;
  border-radius: unset;
  background-color: #C5251C !important;
  color: white;
  box-shadow: none !important;
  padding-top: 2rem;
  padding-bottom: 2rem;
  /*padding-left: 0;
    padding-right: 0;*/ }

.form-control-sign-in::-moz-placeholder {
  color: white;
  opacity: 1; }

.form-control-sign-in:-ms-input-placeholder {
  color: white;
  opacity: 1; }

.form-control-sign-in::-ms-input-placeholder {
  color: white;
  opacity: 1; }

.form-control-sign-in::placeholder {
  color: white;
  opacity: 1; }

.form-control-sign-in:focus {
  background-color: #C5251C !important;
  color: white; }

input.invalid {
  color: #f5105d; }

small.invalid {
  color: #f5105d;
  font-size: 0.7rem; }

.btn-log-in {
  padding-left: 4rem;
  padding-right: 4rem; }

.landing_left-panel {
  background: url("../../../Assets/Images/img_login_background.png") no-repeat center center;
  background-size: 100% 100%;
  padding: 3rem 5rem 7rem 5rem; }

.landing_right-panel {
  background: url("../../../Assets/Images/Group 154.png") no-repeat;
  background-size: auto 100%; }

.landing_wrapper {
  position: absolute;
  width: 65%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }

@media (min-width: 1024px) {
  .landing row:first-child {
    background-size: 20vw; }
  .landing_wrapper {
    position: absolute;
    width: 65%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; } }

@media (min-width: 1300px) {
  .landing_container {
    padding: 3em 10em 6em 10em; }
  .landing_wrapper {
    position: absolute;
    width: 65%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; } }

.header-profile {
  background: url(../../Assets/Images/generali-backdrop.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 60%;
  position: relative; }
  .header-profile .header-user .profile-pic-container .profile-menu {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: #ff085a;
    background: linear-gradient(180deg, #ff085a 0%, #a71436 100%);
    position: absolute;
    bottom: -6%;
    right: -6%;
    transition: all 300ms ease-out;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out; }