/* on-screen styles */
@media screen {

    .recipe-input {
        display:inline-block;
    }
    .recipe-input .recipe-input-block {
        display:block;
    }
    .recipe-required{
        color:red;
        font-weight:normal;
    }
    .recipe-form-row-label {
        width:150px;
        display:inline-block;
        vertical-align:top;
    }
    .recipe-form-row-label label {
        display:inline-block;
        padding-top:5px;
    }
    .recipe-invalid-input {
        border:1px solid red;
    }
    .recipe-input-hint {
        display:block;
    }
    .recipe-input-width-xsmall {
        width:80px;
    }

    hr {
        background-color: transparent !important;
    }



    /* datepicker */
    .recipe-dp-uikit-ratio-1-2 {
        width: 24px;
        height: 24px;
    }
    .recipe-dp-uikit-ratio-1-4 {
        width: 28px;
        height: 28px;
    }
    .recipe-dp-toggle {
        position: relative;
        display: inline-block;
    }
    .recipe-dp-toggle-button {
        position: absolute;
    }
    .recipe-dp-input {
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
    .recipe-dp-input::-webkit-calendar-picker-indicator {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }
  
}