#hopper *
{
    font-size:1em;
}
#hopper
{
    padding:0 0 50px 0;
    width:100%;
}

    #hopper .itemTall *
    {
        text-decoration:none !important;
    }

#hopper div.even,
#hopper div.odd
{
    padding:5px 20px 5px 20px;
    border-top:solid 1px #ddd;
    float:left;
    width:100%;
    background:#fff;
}

#hopper .container
{
    width:100%;
    overflow:hidden;
    margin:0;
    padding:0;
    
}
    #hopper .gridboxRow .cellView,
    #hopper .gridboxRow .cellEdit
    {
    min-width:300px;
    width:50%;
    float:left;
    clear:none;
    padding:5px;
    }


@media screen and (min-width: 600px) {
    #hopper .gridboxRow .cellView,
    #hopper .gridboxRow .cellEdit
    {
        width: 100%;
    }
}
@media screen and (min-width: 800px) {
    #hopper .gridboxRow .cellView,
    #hopper .gridboxRow .cellEdit
    {
        width: 50%;
    }
}
@media screen and (min-width: 1400px) {
    #hopper .gridboxRow .cellView,
    #hopper .gridboxRow .cellEdit
    {
        width: 33%;
    }
}



#hopper .editFormTall .cellView,
#hopper .editFormTall .cellEdit
{
    clear:both !important;
    width:100% !important;
}


#hopper div.columns
{
    padding:0 5px 5px 5px;
    float:left;
    width:100%;

}
#hopper div.columns .column 
{
    width:auto;
    text-align:center;
    margin:0;
    padding:7px 0;
}
#hopper div.columns .controls { float:left; }

#hopper div div label,
#hopper div.columns div a
{
    text-align:right;
    font-weight:bold;
}

#hopper div.columns div a
{
    text-transform:uppercase;
    text-decoration:none;
    color:#333333;
    font-size:1em;
    width:auto;
    font-weight:normal;
    padding:3px;
    
    background:#eee;
    border-radius:3px;
    margin:5px;
    padding:3px 5px;
}




#hopper .gridboxRow span.controls
{
    width:100%;
    display:block;
    padding:10px 0;
}

#hopper .pagesize
{
    float:right;
    margin:0;
}
#hopper .widthadjust
{
    float:left;
}
#hopper .column a
{
    text-decoration:none !important;
}
#hopper .widthadjust a
{
    padding:3px;
    background-color:#fff;
    margin:0 2px 0 2px;
    min-width:20px;
    display:inline-block;
    font-size:1em;
    text-decoration:none !important;
}
    #hopper .col-ui-cell
    {
        padding-bottom:10px;
    }

#hopper select.form-control
{

}
#hopper .row-ui-cell
{
    padding:0 20px;
}

#hopper .pagination
{
    margin:0;
    width:100%;
}

#hopper .title h3
{
    font-size:2em;
    margin:0 0 15px 0;
    padding:0;
}

#hopper .paging
{
    text-align:center;
}
#hopper .footer .paging
{
    border:0;
}
    #hopper .footer
    {
        float: left;
        width: 100%;
        padding:10px 0;
        border-top:solid 1px #ddd;
    }
    #hopper .last .glyphicon-chevron-right,
    #hopper .first .glyphicon-chevron-left
    {
        margin:0 -3px;
    }
    #hopper .disabled *
    {
        color:#ddd;
    }


#hopper .footer .inline
{
    float:left;
    width:100%;
}
    #hopper .checkbox-ui-cell
    {
        margin:5px;
    }

.error { color:#CC0000; font-weight:bold; }

#hopper .radioCell
{
    display:inline-block;
}
#hopper .radioCell span
{
    padding:0 10px 0 0;
}



.fieldFocus
{
    /*background-color:#eee;*/
}
#hopper .checkbox
{
    display:inline-block;
}



#hopper .sortHandle
{
	width:12px;
	height:12px;
	display:block;
	float:left;
	background: transparent url(ProjectL.axd?type=icon&return=jquery.gif) no-repeat scroll -2px -84px;
	cursor:move;
}

.form-control-container .BWGRadioList input[type="radio"], .radio input[type="radio"] {
    opacity: inherit !important;
}



#hopper .item-action-btn,
#hopper div.even .item-action-btn,
#hopper div.odd .item-action-btn
{
    margin:0 2px 2px 2px;
}
#hopper .item-action
{

}


/* Multi Suggest Overrides */

.form-control-container .container
{
    width:auto;
    padding:0;
}

.cellEdit ul.holder,
#hopper ul.holder
{
    border:solid 1px #ddd;
    border-radius:4px;
    background:#fff;
}
.cellEdit ul.holder li.bit-box,
#hopper ul.holder li.bit-box
{
    padding:5px;
}

#hopper .gridboxRow .form-group
{
    margin:0;
}

.cellEdit ul.holder li.bit-input input,
    #hopper ul.holder li.bit-input input
    {
        padding:5px;
        border-radius:4px;
        background:transparent;
        border:1px solid #CAD8F3;
    }


    #content.datagrid
    {
        padding:20px 0;
    }