md-autocomplete-wrap.md-whiteframe-z1 {
    box-shadow: none;
}

input[type=number].vivacite-input {
    -moz-appearance: textfield;
    margin: 0;
}

input[type=number].vivacite-input::-webkit-inner-spin-button,
input[type=number].vivacite-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/*this kind of overly specific selector is what it take to prevent it to be overridden by angular-material-css */
select.vivacite-input,
input[type].vivacite-input,
md-autocomplete input:not(.dummy-class) {
    width: 100%;
    background-color: #e6e6e6;
    font-size: 14px;
    border: none;
}

select.vivacite-input,
input[type].vivacite-input,
md-autocomplete input:not(.dummy-class)
{
    padding: 15px;
    height: 50px;
}

input[type].ng-invalid.ng-touched, input[type].invalid-input, select.ng-invalid.ng-touched {
    outline: #ff0000 auto 1px;
    outline-offset: -2px;
}

md-autocomplete, md-autocomplete md-autocomplete-wrap {
    height: unset;
    border: unset;
}

md-autocomplete input[type=text]:not(.dummy-class) {
    border: none;
}

md-autocomplete {
    background-color: #e6e6e6;
    border: none;
}


select.vivacite-input {
    -webkit-appearance: none;
    background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 20px);
    background-position-y: center;
    background-size: 16px;
}

select.vivacite-input > option{
    font-family: Roboto, sans-serif; /* Josephin sans is rendered poorly inside the opened select box */
    color: black;
}

select.select-placeholder, select.vivacite-input > option[disabled],  .input-placeholder, input::placeholder {
    color: rgba(169, 169, 169, 1);
}
*.vivacite-input {outline-style:none;}

md-input-container {
    margin: 0;
}

.form-description {
    font-size: 18px;
    margin-bottom: 20px;
}

.vivacite-form-row {
    margin: 10px 0 20px;
    display: flex;
}

.vivacite-form-row label {
    position: relative;
    top: 4px;
    font-family: 'Josefin Sans', 'Roboto', 'Arial Black', sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
}

.vivacite-form-row .btn-save-form {
    margin-top: 25px;
}

.vivacite-form-row .btn-save-form.invalid {
    background-color: #aaa7a7;
}

.vivacite-form-row .g-recaptcha {
    margin-bottom: 20px;
    margin-top: 20px;
}

.vivacite-form-error, .vivacite-form-error p, .vivacite-form-error span {
    font-size: 14px;
    color: red;
}

.inline-form-row label {
    margin-bottom: 5px;
}

.inline-form-row > div {
    display: flex;
}

.inline-form-row > div:first-child {
    align-items: center;
}

.inline-form-row > div:nth-child(2) {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.vivacite-form-detail {
    font-size: 10px;
}

.vivacite-form-save {
    min-width: 220px;
    padding-left: 30px;
    padding-right: 30px;
}

.vivacite-form-save:hover {
    cursor: pointer;
    background-color: white;
    color: black;
}

.vivacite-form-save[disabled] {
    background-color: #aaa7a7;
    border: 4px solid #aaa7a7;
}

.vivacite-form-save[disabled]:hover {
    cursor: not-allowed;
}

.vivacite-form-next[disabled] {
    color: #aaa7a7;
    border: 2px solid #aaa7a7;
}

.vivacite-form-next[disabled] {
    opacity: 0.5;
}

.vivacite-form-next[disabled]:hover {
    background-color: transparent;
}

.vivacite-form-next[disabled]:hover {
    cursor: not-allowed;
}

.vivacite-form-save, .vivacite-form-back, .vivacite-form-next {
    margin-top: 30px;
    margin-bottom: 10px;
}

.vivacite-form-back {
    line-height: 38px;
    text-transform: uppercase;
    position: relative;
}

.form-required-star {
    color: #d93025;
    font-weight: normal;
}

input.inline-checkbox, .inline-checkbox {
    display: inline;
    width: unset;
    vertical-align: bottom;
}

.password-input {
    -webkit-text-security: disc;
}

/*#005CC8*/
/*radio buttons - md-container md-ink-ripple*/
/*md-off*/
md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
    border-color:  #005CC8;
}
md-radio-group.md-default-theme .md-checked .md-ink-ripple, md-radio-group .md-checked .md-ink-ripple {
    color: rgba(0,92,200,0.26);
}
md-radio-button.md-default-theme.md-checked .md-ink-ripple, md-radio-button.md-checked .md-ink-ripple {
    color:  #005CC8;
}
/*md-on*/
md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: #005CC8;
}
md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color:  #005CC8;
}
md-radio-button.md-default-theme.md-checked .md-ink-ripple, md-radio-button.md-checked .md-ink-ripple {
    color:  #005CC8;
}
/*md-ripple-container*/
md-radio-group.md-default-theme .md-checked .md-ink-ripple, md-radio-group .md-checked .md-ink-ripple {
    color: rgba(0,92,200,0.26);
}
md-radio-button.md-default-theme.md-checked .md-ink-ripple, md-radio-button.md-checked .md-ink-ripple {
    color:  #005CC8;
}

div.md-ripple-container *{
    color: rgba(0,92,200,0.26) !important;
    overflow: visible;

}


/*toggle - switches */
md-switch.md-default-theme.md-checked:not([disabled]) .md-bar, md-switch.md-checked:not([disabled]) .md-bar {
    background-color: rgb(255, 243, 2);
}
md-switch.md-default-theme.md-checked:not([disabled]) .md-ink-ripple, md-switch.md-checked:not([disabled]) .md-ink-ripple {
    color: #403F41;
}
md-switch.md-default-theme.md-checked:not([disabled]) .md-thumb, md-switch.md-checked:not([disabled]) .md-thumb {
    background-color: #403F41;
}

/*check boxes*/
md-checkbox.md-default-theme.md-checked .md-icon:after, md-checkbox.md-checked .md-icon:after {
    border-color: #403F41;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: rgb(255, 243, 2);
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
    background-color: rgb(255, 243, 2) !important;
    color: rgb(255, 243, 2) !important;
}

div.md-ripple-container *, div.md-icon  *{
    background-color: rgb(255, 243, 2) !important;
    color: rgb(255, 243, 2) !important;
}

md-checkbox.md-checked .md-icon {
    border-color: rgb(121, 121, 121) !important;
}

/*radio buttons alert type*/

md-radio-group.md-default-theme .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group.md-default-theme.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group.md-primary .md-checked:not([disabled]) .md-ink-ripple {
    color: rgba(0,92,200,0.26);
}
md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-button:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-button:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-button:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-button:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-group:not([disabled]).md-primary.md-checked .md-off, md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-group:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-group:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-group:not([disabled]) .md-primary .md-checked .md-off {
    color:  #005CC8;
}
md-radio-group.md-default-theme .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group.md-default-theme.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group.md-primary .md-checked:not([disabled]) .md-ink-ripple {
    color: rgba(0,92,200,0.26);
}
md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, md-radio-button:not([disabled]).md-primary .md-on, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-button:not([disabled]) .md-primary .md-on, md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]) .md-primary .md-on {
    color:  #005CC8;
}
md-radio-group.md-default-theme .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group.md-default-theme.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group.md-primary .md-checked:not([disabled]) .md-ink-ripple {
    color: rgba(0,92,200,0.26);
}
md-radio-group.md-default-theme .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group .md-checked:not([disabled]).md-primary .md-ink-ripple, md-radio-group.md-default-theme.md-primary .md-checked:not([disabled]) .md-ink-ripple, md-radio-group.md-primary .md-checked:not([disabled]) .md-ink-ripple {
    color: rgba(0,92,200,0.26);
}
md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-button:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-button:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-button:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-button:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-group:not([disabled]).md-primary.md-checked .md-off, md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-group:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-group:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-group:not([disabled]) .md-primary .md-checked .md-off {
    border-color: #005CC8;
}

md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, md-radio-button:not([disabled]).md-primary .md-on, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-button:not([disabled]) .md-primary .md-on, md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]) .md-primary .md-on {
    background-color: #005CC8;
}