input {

    &.text {
        border: 1px solid $gray;
        box-sizing: border-box;
        border-radius: 2px;

        width: 245px;

        &.large {
            height: 40px;
        }
        &.medium {
            height: 32px;
        }
        &.small {
            height: 26px;
        }

    }

    &.checkbox {
        -webkit-appearance: none;
        width: 18px;
        height: 18px;
        
        border: 1px solid $gray;
        box-sizing: border-box;
        border-radius: 2px;
        
        &:checked { //manjka prikaz kljukice          
            background: $blue;
            border: 1px solid $blue;
        }
    }

    &.radio {
        -webkit-appearance: none;
        width: 18px;
        height: 18px;
        
        border: 1px solid $gray;
        box-sizing: border-box;
        border-radius: 50px;
        
        &:checked { //manjka prikaz pikice          
            background: $blue;
            border: 1px solid $blue;
        }
    }

}