#register-btn,
#register-btn:hover {
    color: #fff;
}

.grid-aduni {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1em;
}

.portlet.light.bordered {
    margin-bottom: 0;
}

.page-header.navbar .page-logo .logo-default {
    margin: 9px 0 0;
    height: 30px;
}

.login .content .form-actions {
    margin-bottom: 20px;
}

.form .form-body,
.portlet-form .form-body {
    padding: 0;
}

.form-horizontal .form-group.form-md-line-input {
    padding-top: 23px;
    margin: 0 0 20px;
}

.form-horizontal .form-group.form-md-line-input.form-control ~ .form-control-focus,
.form-horizontal .form-group.form-md-line-input .form-control ~ label {
    left: 0;
    width: 100%;
}

.form-horizontal .form-group.form-md-line-input.form-select {
    padding-top: 0;
}

.progress-bar-success {
    background-color: #5cb85c;
}

[class^='md-grid'] {
    grid-gap: 1em;
    display: grid;
}

.grid-padding .form-group.form-md-line-input {
    padding-top: 0;
}

.md-grid-1 {
    grid-template-columns: repeat(1, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .grid-aduni {
        grid-template-columns: 1fr 1fr;
    }

    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}

@media screen and (max-width: 350px) {
    .grid-aduni {
        grid-template-columns: 1fr;
    }
}

.md-grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}

.md-grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}

.md-grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}

.md-grid-5 {
    grid-template-columns: repeat(5, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}

.md-grid-6 {
    grid-template-columns: repeat(6, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}

.md-grid-7 {
    grid-template-columns: repeat(7, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}

.md-grid-8 {
    grid-template-columns: repeat(8, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}

.md-grid-9 {
    grid-template-columns: repeat(9, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}

.md-grid-10 {
    grid-template-columns: repeat(10, 1fr);
}

.md-grid-4-personalizate {
    grid-template-columns: 3fr 1fr;
}

.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
.md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
    bottom: 15px;
}

@media screen and (max-width: 900px) {
    .md-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 1100px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 810px) {
    .md-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(2, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 2;
              }
          }*/
}

@media screen and (max-width: 560px) {
    .md-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .md-grid-4-personalizate {
        grid-template-columns: 1fr;
    }

    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment.edited:not([readonly]) ~ label:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ .form-control-focus:after,
    .md-grid-4-personalizate .form-group.form-md-line-input #payment:focus:not([readonly]) ~ label:after {
        bottom: 0;
    }

    /*.md-grid-3 {
              grid-template-columns: repeat(1, 1fr);
              & .form-group:nth-child(3) {
                  grid-column: 1/span 1;
              }
          }*/
}