/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@media screen and (max-width: 550px) {
    #stgh_orders_ticket_form {
        position: fixed;
        background-color: white;
        padding: 5px 15px;
        z-index: 10000;
        height:auto !important;
        width: auto !important;
        overflow: auto;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
    }
}


#stgh_orders_ticket_form{
    position: fixed;
    border: 1px solid #efefef;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.26);
    background-color: white;
    padding: 5px 15px;
    width: 500px;
    height:600px;
    z-index: 10000;
    overflow: auto;
}

#stgh_orders_ticket_form input, #stgh_orders_ticket_form select, #stgh_orders_ticket_form textarea{
    width:100%;
}

#stgh_orders_ticket_form input.stgselect-search__field{
    width:100% !important;
}

#stgh_orders_ticket_form input.stgselect2-search__field{
    width:100% !important;
}

#stgh_orders_ticket_form input[type = 'checkbox']{
    margin:0px 10px;
    width:10px;
    height: 24px;
}

#stgh_orders_ticket_form label{
    vertical-align: top;
    height: 24px;
}

#stgh_orders_ticket_closer::before {
    content: '\f335';
    color: #82878c;
    display: inline-block;
    font: 400 20px/1 dashicons;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
#stg_edd_products_block{
    /*overflow-y: scroll;*/
}

#stg_edd_products_block label{
    cursor: pointer;
}

#stg_edd_products_field{
    width:300px;
}

#stgh_orders_ticket_form ~ .stgselect-container {
    z-index: 10001;
}

#stgh_orders_ticket_form ~ .stgselect2-container {
    z-index: 10001;
}

#stg_edd_products_block label {
    display: inline-block;
}