.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

@small-phonemq: ~" only screen and (max-width: "@small-phone~")";
@phonemq:  ~"only screen and (max-width: "@phone~")";
@tabletmq:  ~"only screen and (max-width: "@tablet~")";
@desktopmq:  ~"only screen and (max-width: "@desktop~")";
@widemq:  ~"only screen and (max-width: "@wide~")";

.mobile-align(@device-name, @width, @value) {
    @media only screen and (min-width: @width){
        .@{prefix}-@{device-name}-@{value} {
            text-align: @value;
        }   
    } 
}

.@{prefix}-text-right {
    text-align: right;
}

.gridmq(@minWidth, @maxWidth, @device-type, @index, @total, @width) {    
    .@{prefix}-col-@{device-type}-@{index}-@{total} {
        box-sizing: border-box;
        display: block;
        
        
        @media only screen and (min-width: @minWidth)   {
            float: left;
            padding: 0 @padding;
            width: @width;
        }
    }
    .@{prefix}-col-@{device-type}-push-@{index}-@{total} {
        @media only screen and (min-width: @minWidth)   {
            margin-left: @width;                            
        }
    }
}


.@{prefix}-fixed {
    position: fixed!important;
}


.webui-popover-bg-booking-hidden {
    display: none!important;
}