/* 
  Date: 2013/08/05
  Author: CP
  Description: styles for cv.mobile.ui.contractProductFilter, styles limited to non-phone only
*/

@media only screen and (min-device-width : 480px) {

    /* line 32, ../sass/screen.scss */
    .contract-bar {
        /* position: fixed;
           top: 0;
           left: 0; */
        margin: -15px -15px 0 -15px !important;
        width: 100%;
        padding: 15px 2% 5px 2% !important;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 3px 3px #cccccc;
        z-index: 10;
        *zoom: 1;
    }

    /* line 18, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
    .contract-bar:before, .contract-bar:after {
        content: " ";
        display: table;
    }

    /* line 23, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
    .contract-bar:after {
        clear: both;
    }


    .contract-bar > div {
        /*float: right;*/
    }

    /* line 43, ../sass/screen.scss */
    .contract-bar > span {
        display: inline-block;
        float: right;
        font-weight: bold;
        padding: .55em 11px .5em;
    }


    /* line 49, ../sass/screen.scss */
    .contract-bar .ui-controlgroup {
        display: inline-block;
        margin: 0 2% 0 0 !important;
        float: right;
        /*min-width: 20%;*/
    }

    .contract-bar .button-group div {
        float: right;
    }
    /* line 55, ../sass/screen.scss */
    .contract-bar .button-group .button {
        float: right;
        margin: 0 0 0 2%;
        padding: 2% 5%;
    }

    /* jqm override*/
    div.contract-bar div.ui-controlgroup-controls {
        width: 100% !important;
    }
}