/*
 File:     amoksys-materialize-inputs.css
 Author:   Rodrigo Butzke
 Version:  1.2.1
*/

.radio-input-options.row .radio-input-option.col label [type="radio"]:not(:checked)+span,
.radio-input-options.row .radio-input-option.col label [type="radio"]:checked+span{
    padding-left:calc(16px + 1rem);
}
.radio-input-options.row .radio-input-option.col label [type="radio"]+span:before,
.radio-input-options.row .radio-input-option.col label [type="radio"]+span:after{
    margin-left:0;
    margin-right:0;
}
.input-field.col label.truncate{
    max-width:calc(100% - 1rem)
}

body.input-field-half-margin .input-field{
    margin-top:.5rem;
    margin-bottom:.5rem;
}

.amoksys-wp [type="checkbox"].filled-in.checkbox-filled-in-white:not(:checked)+span:not(.lever):after{
    border-color:white;
}
.amoksys-wp [type="checkbox"].filled-in.checkbox-filled-in-white:checked+span:not(.lever){
    border-color:black;
}
.amoksys-wp [type="checkbox"].filled-in.checkbox-filled-in-white:checked+span:not(.lever):before{
    border-right-color:inherit;
    border-bottom-color:inherit;
}
.amoksys-wp [type="checkbox"].filled-in.checkbox-filled-in-white:checked+span:not(.lever):after{
    border-color:white;
    background-color:white;
}

.input-field.with-button input{
    padding-right:2.5rem;
    max-width: calc(100% - 2.5rem);
}
.input-field.with-button .input-field-button{
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: calc(2rem - 3px);
    position: absolute;
    top: .5rem;
    right: 0;
    text-align: center;
    font-size: 1.1rem;
    border-radius: 50%;
    background: transparent;
    border: 2px solid transparent;
    cursor: pointer;
    color: inherit;
    transition: all .15s;
}

.input-field.with-button .input-field-button:hover{
    color:white;
    border: 2px solid white;
    background:rgba(0,0,0,.7);
    -webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow:0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
.input-field.with-button .input-field-button.hide {
    display:block !important;
    transform: scale(0);
}

.input-field>label.truncate{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.input-field input[placeholder] ~ label:not(.label-icon){
    -webkit-transform: translateY(-14px) scale(0.8);
    transform: translateY(-14px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}