.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #282e8c url(images/ui-bg_highlight-soft.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
    width: auto !important;
}
.ui-widget-header a {
    color: #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #676e9a;
    background: #bbc8e8 url("images/ui-bg_highlight-soft.png") 50% 50% repeat-x ;
    font-weight: bold;
    color: #ffffff ;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    /*filter: Alpha(Opacity=35);*/
    background-image: none;
    color: #282e8c ;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #655e4e;
    background: #282e8c url(images/ui-bg_gloss-wave.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #282e8c;
    background: #5c69ad url(images/ui-bg_gloss-wave.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
}



button.ui-multiselect {
    font-weight: normal;
    font-size: 1em;
    min-width: 331px !important;
    width: auto !important;
    padding: 6px 8px;
}
.ui-multiselect-checkboxes label input {
    position: relative;
    top: 1px;
    margin: 0 10px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
}
.buttons .go, .buttons .delete, .buttons .edit, .buttons .save, .buttons .saveToExcel, .buttons .refresh {
    background-position: 0.7em center !important;
    background-repeat: no-repeat !important;
    text-indent: 25px !important;
}
.buttons .go {
    background-image: url(images/accept.png);
}
.buttons .refresh {
    background-image: url(images/arrow_refresh.png);
}
.buttons .saveToExcel {
    background-image: url(images/table_save.png);
}
.buttons .delete {
    background-image: url(images/cancel.png);
}
input[id$="HelpBtn"] {
    cursor: help;
    border: 0;
    float: right;
    vertical-align: middle;
    background: url(images/helpText.png) 50% 50% no-repeat transparent;
    border-radius: 0;
}
.buttons .mainHelp {
    background-position: 0.7em center;
    background-repeat: no-repeat;
    text-indent: 25px;
    font-size: 1.1em;
    background-image: url(images/help.png);
}
.errors li {
    list-style: none;
    background: transparent url(images/exclamation.png) 0.5em 50% no-repeat;
    text-indent: unset !important;
    padding-left: 35px !important;
}
.ui-widget-header {
    padding: 6px 8px;
}
.ui-icon, 
.ui-widget-content .ui-icon
.ui-state-default .ui-icon,
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons.png);
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-multiselect-single .ui-multiselect-checkboxes input {
    left: auto;
    position: relative !important;
    top: auto !important;
    margin-right: 10px;
}
.ui-multiselect-filter {
    float: left;
    margin-right: 10px;
    font-size: 1em;
    width: auto;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    width: fit-content !important;
    min-width: 400px;
}
.ui-multiselect-hasfilter ul {
    position: relative;
    top: 2px;
    width: fit-content;
    white-space: nowrap;
    display: inline-block;
}
.ui-multiselect-checkboxes label {
    border: 1px solid transparent;
    cursor: default;
    display: block;
    padding: 4px 3px 4px 23px;
    text-indent: -20px;
}
#rowGrouping {
    height: 110px;
    margin-top: 10px;
}

.fieldcontain label, .fieldcontain .property-label {
    color: #666666;
    text-align: right;
    width: max-content;
    min-width: 25%;
}
.errors {
    width: 93%;
}
.errors, .message {
    font-size: 0.8em;
    line-height: 2;
    margin: 10px;
    padding: 5px 7px 10px;
}
.errors button.ui-multiselect {
    margin-left: 0;
}
.ui-progressbar {
    height: 20px !important;
    display: block;
    width: 100% !important;
    margin: 1rem auto;
    line-height: 21px;
    font-weight: bold;
    background-color: #282e8c;
	text-align: center;
    color: white;
}
div#groupable {
    margin-top: 20px !important;
}
@media only screen and (max-width: 1257px) {
    .fieldcontain label, .fieldcontain .property-label {
    text-align: left;
    width: max-content;
    min-width: 50%;
    margin-left: 10px;
    }
    button.ui-multiselect {

    margin-left: 10px;
    }
    /* - - - - - - - - - - - - - */
    
    #page-wrap {
    min-width: unset;
    }
    #filterSetOne, #filterSetTwo {
        float: unset !important;
        width: 90% !important;
    }
    button.ui-multiselect {
    font-weight: normal;
    font-size: 1em;
    min-width: 90% !important;
    width: auto !important;
    padding: 6px 8px;
    }
    #left-sidebar {
    width: 100%;
    float: left;
    padding-left: 0;
    margin-left: 0px;
    margin-bottom: 10px;
    }
    #main-content {
    padding-left: 0;
    }
}