body {
  background: url("/Content/PLN/Images/Background.jpg") no-repeat center center fixed;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }

.left-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  text-align: center;
  padding: 20px 20px 0px 20px; }
  .left-panel .content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    width: 100%; }
    .left-panel .content-container a .logo {
      max-width: 400px;
      min-width: 400px;
      height: auto; }
  .left-panel .content-wrapper {
    width: 100%; }
  .left-panel .footer {
    padding: 10px;
    font-size: 0.9rem;
    width: 100%; }
    .left-panel .footer .footer-text {
      color: #404040;
      margin-bottom: 2px; }
    .left-panel .footer .footer-links {
      margin-bottom: 0;
      text-align: center !important; }
      .left-panel .footer .footer-links a {
        color: #404040; }
        .left-panel .footer .footer-links a:hover, .left-panel .footer .footer-links a:focus, .left-panel .footer .footer-links a:active {
          color: #404040; }

.xp-modal-dialog {
  max-width: 700px !important; }

.xp-tooltip-img {
  max-width: 100%; }

.input-group-append {
  border-left: none !important; }
  .input-group-append .show-pwd-button {
    height: 38px;
    width: 34px;
    background-color: transparent !important;
    color: #2178AB !important;
    border-left: none !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
    cursor: pointer;
    border-radius: 0 0.375rem 0.375rem 0; }
    .input-group-append .show-pwd-button:focus {
      outline: none !important; }
  .input-group-append .show-eye {
    background-image: url(/Content/PLN/Images/mostra.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%; }
  .input-group-append .disabled-eye {
    background-image: url(/Content/PLN/Images/nascondi.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%; }

.js-validation-summary ul {
  color: #cd1f43;
  text-align: left;
  list-style-type: disc; }
  .js-validation-summary ul.modal-pwd-rules {
    color: #404040; }

#KendoStepper .k-progressbar {
  margin-left: 0 !important;
  right: 0 !important; }

.k-stepper .k-step-current .k-step-indicator, .k-stepper .k-step-done .k-step-indicator {
  color: white !important;
  background-color: #009E62 !important;
  border-color: #009E62 !important; }

.k-progressbar .k-selected {
  background-color: #009E62 !important; }

.cookie-disclaimer {
  background-color: #404040;
  color: white;
  padding: 15px;
  position: fixed;
  top: 0;
  z-index: 10;
  display: none;
  width: 100%; }
  .cookie-disclaimer p {
    font-size: 13px !important; }
  .cookie-disclaimer .cookie-btn {
    background-color: transparent !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
    width: 100%; }
  .cookie-disclaimer .cookie-link {
    color: #FFF;
    font-weight: 600; }

.xp-btn {
  font-weight: bold;
  min-height: 45px;
  border-radius: 25px;
  font-size: 14px;
  text-transform: uppercase; }

.xp-btn-default {
  color: grey;
  background-color: white;
  border: 1px solid dimgrey !important;
  cursor: pointer; }
  .xp-btn-default:hover {
    color: dimgrey;
    background-color: white;
    border: 1px solid dimgrey !important; }
  .xp-btn-default:focus {
    background-color: white;
    outline: none !important;
    box-shadow: none !important; }
  .xp-btn-default:focus-visible {
    color: dimgrey !important; }
  .xp-btn-default:active {
    color: dimgrey !important;
    background-color: white !important;
    border: 1px solid dimgrey !important; }

.xp-btn-empty-primary {
  color: #009E62;
  background-color: white;
  border: 1px solid #009E62 !important;
  cursor: pointer; }
  .xp-btn-empty-primary:hover {
    color: #009E62;
    background-color: white;
    border: 1px solid #008552 !important; }
  .xp-btn-empty-primary:focus {
    background-color: white;
    outline: none !important;
    box-shadow: none !important; }
  .xp-btn-empty-primary:focus-visible {
    color: #009E62 !important; }
  .xp-btn-empty-primary:active {
    color: #009E62;
    background-color: white;
    border: 1px solid #008552 !important; }
  .xp-btn-empty-primary:disabled {
    color: white !important;
    background-color: #008552 !important;
    border: 1px solid #008552 !important; }

.xp-btn-primary {
  color: white;
  background-color: #009E62;
  border: 1px solid #009E62 !important;
  cursor: pointer; }
  .xp-btn-primary:hover {
    color: white;
    background-color: #008552;
    border: 1px solid #008552 !important; }
  .xp-btn-primary:active {
    color: white !important;
    background-color: #008552 !important;
    border: 1px solid #008552 !important; }
  .xp-btn-primary:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: #008552; }
  .xp-btn-primary:disabled {
    color: white !important;
    background-color: #008552 !important;
    border: 1px solid #008552 !important; }

.xp-btn-faqs {
  color: #2996d6;
  background-color: #EFEFEF;
  line-height: 30px; }
  .xp-btn-faqs:hover {
    color: #2178AB; }
  .xp-btn-faqs:focus {
    outline: none !important;
    box-shadow: none !important; }

.xp-btn-clear {
  text-decoration: underline;
  color: #2178AB;
  background-color: white;
  border: none;
  text-align: left; }
  .xp-btn-clear img {
    margin-right: 10px; }
  .xp-btn-clear:hover {
    color: #2996d6; }
  .xp-btn-clear:focus {
    outline: none !important;
    box-shadow: none !important; }

.accordion-button:not(.collapsed) {
  background-color: transparent;
  font-size: 18px;
  font-weight: 700;
  color: #022e44; }

.accordion-button {
  background-color: transparent;
  font-size: 18px;
  font-weight: 700;
  color: #022e44; }

.sso-popover {
  background-image: url(/Content/PLN/Images//Tooltip.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 15px;
  width: 15px;
  margin-left: 10px;
  padding: 0 !important; }
  .sso-popover:focus {
    outline: none !important;
    box-shadow: 0 0 0 0; }
  .sso-popover:hover {
    cursor: pointer; }

.policy-button {
  text-decoration: underline;
  color: grey;
  background-color: white;
  border: none; }
  .policy-button:hover {
    border: none !important; }
  .policy-button:active {
    border: none !important; }
  .policy-button:focus {
    border: none !important; }
  .policy-button:disabled {
    border: none !important; }

.xp-footer-text {
  font-size: 9px;
  color: #022e44;
  text-align: center !important; }

.xp-primary-text {
  color: #404040; }

.xp-validator-form-error {
  text-align: left;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #cd1f43; }

.xp-error-text {
  color: red; }

.xp-highlight-mark {
  padding: 0px !important;
  background-color: #0077ad !important; }

.xp-input-label {
  text-align: left;
  margin-bottom: 8px;
  font-weight: bold; }

.xp-input-text {
  min-height: 40px;
  border-radius: 20px;
  border: 1px solid white;
  box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
  -webkit-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
  -moz-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
  padding-left: 25px; }
  .xp-input-text:focus {
    outline: 0 none; }
  .xp-input-text.xp-input-text-error {
    border: 1px solid red; }

input:-webkit-autofill {
  box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
  -webkit-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
  -moz-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f; }
  input:-webkit-autofill:hover {
    box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
    -webkit-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
    -moz-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f; }
  input:-webkit-autofill:focus {
    box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
    -webkit-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
    -moz-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f; }
  input:-webkit-autofill:active {
    box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
    -webkit-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f;
    -moz-box-shadow: inset -50px -50px 100px 100px #FFFFFF, 0px 0px 30px -7px #8f8f8f; }

.xp-input-description-label {
  text-align: left;
  font-size: 12px; }
  .xp-input-description-label.faq-label {
    margin-left: 25px; }

.xp-input-label-tooltip {
  height: 16px;
  margin-left: 5px;
  cursor: pointer; }

.xp-input-group {
  position: relative; }

.xp-input-show-password {
  position: absolute;
  right: 15px;
  top: 0px;
  max-height: 40px;
  cursor: pointer; }

.xp-form-control {
  position: relative; }

.xp-input {
  border: none;
  background-color: transparent; }
  .xp-input:focus {
    border: none;
    background-color: transparent;
    outline: none; }
  .xp-input:focus-visible {
    border: none;
    background-color: transparent;
    outline: none; }

.xp-link {
  text-decoration: underline;
  color: #404040;
  cursor: pointer; }
  .xp-link.xp-underlined-right-link {
    text-align: right; }

.xp-detail-link {
  padding-top: 12px !important; }

.xp-checkbox-std {
  min-width: 30px;
  min-height: 30px; }
  .xp-checkbox-std:checked {
    background-color: #009E62; }
  .xp-checkbox-std:checked:hover {
    background-color: #009E62; }
  .xp-checkbox-std:focus {
    outline: none !important;
    box-shadow: none !important; }

.form-switch.xp-form-switch {
  padding-left: 0 !important; }

.form-switch .xp-switch {
  width: 4em !important;
  height: 2em;
  float: none;
  margin-left: 0 !important; }
  .form-switch .xp-switch:checked {
    background-color: #009E62 !important; }
  .form-switch .xp-switch:focus {
    outline: none !important;
    box-shadow: none !important; }

.form-switch .xp-switch-label {
  float: left;
  margin-left: 13px;
  padding-top: 5px;
  font-weight: 500; }

.xp-switch-description {
  margin-top: 10px;
  text-align: left; }

/*
    Per usare lo stepper di registrazione, caricare nel DOM questo oggetto
    <div class="col-12" id="SVGStepper">
        @Html.Raw(FilePathManager.GetSVG("progress_step.svg"))
    </div>

    Lato js usare questo init
    private svgManager: SVGManager;
    constructor -> this.svgManager = new SVGManager();
*/
.svg-line {
  fill: none;
  stroke-width: 3;
  stroke: #2178AB !important;
  stroke-dasharray: 244px;
  stroke-dashoffset: 244px;
  animation: line-draw-half 0.5s linear forwards; }

@keyframes line-draw-half {
  to {
    stroke-dashoffset: 122px; } }

.svg-line-full {
  fill: none;
  stroke-width: 3;
  stroke: #2178AB !important;
  stroke-dasharray: 244px;
  stroke-dashoffset: 122px;
  animation: line-draw-full 0.5s linear forwards; }

@keyframes line-draw-full {
  to {
    stroke-dashoffset: 0; } }

.svg-line-reverse {
  fill: none;
  stroke-width: 3;
  stroke: #2178AB !important;
  stroke-dasharray: 244px;
  stroke-dashoffset: 122px;
  animation: line-draw-reverse 0.5s linear forwards; }

@keyframes line-draw-reverse {
  to {
    stroke-dashoffset: 244px; } }

.svg-line-reverse-full {
  fill: none;
  stroke-width: 3;
  stroke: #2178AB !important;
  stroke-dasharray: 244px;
  stroke-dashoffset: 0;
  animation: line-draw-reverse-full 0.5s linear forwards; }

@keyframes line-draw-reverse-full {
  to {
    stroke-dashoffset: 122px; } }

.sso-image {
  margin-right: 10px; }

.table-content-img {
  width: 14px; }

.xp-checkbox-std {
  min-width: 30px;
  min-height: 30px; }
  .xp-checkbox-std:checked {
    background-color: #009E62; }
  .xp-checkbox-std:checked:hover {
    background-color: #009E62; }
  .xp-checkbox-std:focus {
    outline: none !important;
    box-shadow: none !important; }

.form-switch.xp-form-switch {
  padding-left: 0 !important; }

.form-switch .xp-switch {
  width: 4em !important;
  height: 2em;
  float: none;
  margin-left: 0 !important; }
  .form-switch .xp-switch:checked {
    background-color: #009E62 !important; }
  .form-switch .xp-switch:focus {
    outline: none !important;
    box-shadow: none !important; }

.form-switch .xp-switch-label {
  float: left;
  margin-left: 13px;
  padding-top: 5px;
  font-weight: 500; }

.xp-switch-description {
  margin-top: 10px;
  text-align: left; }