.hast-container, 
.hast-row {
    clear: both;
}

.hast-container .hast-row .hast-cell {
    float: left;
}

.hast-container .hast-row .hast-cell.col1 { width: 100%; }
.hast-container .hast-row .hast-cell.col2 { width: 50%; }
.hast-container .hast-row .hast-cell.col3 { width: 33.33%; }
.hast-container .hast-row .hast-cell.col4 { width: 25%; }
.hast-container .hast-row .hast-cell.col5 { width: 20%; }

@media (max-width: 480px) {
    .hast-container .hast-row .hast-cell,
    .hast-container .hast-row .hast-cell.col1,    
    .hast-container .hast-row .hast-cell.col2,    
    .hast-container .hast-row .hast-cell.col3,    
    .hast-container .hast-row .hast-cell.col4,    
    .hast-container .hast-row .hast-cell.col5
    {
        float: none;
        width: 100%;
    }
}


.hast-clear { clear: both; }

div.hast-toolbar {
    float: right;
    /*margin: 10px 0;*/
}

div.hast-toolbar > * {
    float: left;
    margin-left: 10px;
}

div.hast-buttons button, button.actionbutton {
        margin-left: 5px;
        /*border: dotted 1px gray;*/
/*        border-top: solid 1px lightgray;
        border-left: solid 1px lightgray;
        border-bottom: solid 1px gray;
        border-right: solid 1px gray;*/
        background: #f0f0f0;  
        /*padding: 4px;*/
        cursor: pointer;
        /*border-radius: 3px;*/
        height: 28px;
}

div.hast-buttons select {
        margin-left: 5px;
        border: solid 1px gray;
/*        border-top: solid 1px lightgray;
        border-left: solid 1px lightgray;
        border-bottom: solid 1px gray;
        border-right: solid 1px gray;*/
        background: #f0f0f0;  
        padding: 4px;
        cursor: pointer;
        /*border-radius: 3px;*/
        height: 28px;
}

div.hast-buttons button:hover, button.actionbutton:hover {
    background: #f5f5f5;
}

div.hast-buttons button:focus {
    outline: 0;
}

div.hast-buttons button:active, button.actionbutton:active  {
    border: solid 1px gray;
/*        border-top: solid 1px black;
        border-left: solid 1px black;
        border-bottom: none; // solid 1px lightgray;
        border-right: none; //solid 1px lightgray;*/
}

/*div.hast-toolbar > * {
    float: right;
}*/

div.hast-buttons input[type="text"]
{
    border: solid 1px gray;
    min-height: 4ex;
    padding: 0;
    margin: 0;
    width: auto;
    min-height: 26px;
    /*margin-right: 10px;*/
}

.hast-label label { font-weight: bold; }

.hast-sticky { z-index: 15; opacity: 0.9; }

/*.hast-buttons-small button { padding: 0px; margin: 0;}*/

/*.hast-toolbar { margin-top: 0px;}*/

/*.hast-toolbar > * { margin-top: 0px; margin-bottom: 0px; margin-left: 0; margin-right: 10px; padding: 0;}*/

/*.hast-toolbar:first-child { margin-bottom: 10px; }*/


.hast-inputbar select,
.hast-inputbar input
{ 
    width: auto;
}

.hast-inputbar .hast-cell.fullwidth {
    width: 100%;
}

.hast-inputbar .hast-cell.fullwidth select,
.hast-inputbar .hast-cell.fullwidth input
{ 
    box-sizing: border-box;
    height: 4ex;
    width: 100%;
}

.hast-buttons button { min-height: 4.3ex; }