/* .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-right:before {
    content: "Add" !important;
} */

.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
    /* width: 35%; */
    /* display: block; */
    /* width: 100%; */
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgba(22, 24, 27, .87);
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.ui-widget-header {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #505050;
    word-wrap: break-word;
    /* background: #f6f7f9 0 0 repeat-x; */
    /* background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0)); */
    /* background: -webkit-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); */
    /* background: -o-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); */
    /* background: -ms-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); */
    /* background: linear-gradient(to bottom, #f6f7f9 0%, #ebedf0 100%); */
}

.ui-widget {
    font-size: 1em !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-state-highlight {
    border-color: #156090;
    border-color: rgb(200, 200, 200);
    background: #186ba0;
    background: rgb(200, 200, 200);
    color: #000000;
}

.ui-widget-header {
    /* border: 1px solid #d9d9d9; */
    background: #f6f7f9;
    color: #1b1d1f;
    font-weight: bold;
	border: none !important;
}

.ui-widget-content {
    border: 1px solid rgba(22, 24, 27, .12);
    background: #ffffff;
    color: #222222;
}

.ui-picklist .ui-picklist-item:not(.ui-state-disabled):not(.ui-state-highlight):hover {
    /* border-color: #c0c0c0; */
    /* background: #eeeeee; */
    /* color: #212121; */
}

.ui-widget-header .ui-button:enabled:hover, .ui-widget-header .ui-button:focus, .ui-widget-content .ui-button:enabled:hover, .ui-widget-content .ui-button:focus, .ui-widget.ui-button:enabled:hover, .ui-widget.ui-button:focus, .ui-button:enabled:hover, .ui-button:focus {
    /* border: 1px solid #1f89ce; */
    /* background: #1f89ce; */
    /* outline: 0 none; */
    color: #ffffff;
    color: rgba(22, 24, 27, .87) !important;
    background-color: #b4bdc9 !important;
    border-color: transparent !important;
}


body .ui-button {
    color: rgba(22, 24, 27, .87) !important;
    background-color: #E6E9ED !important;
    border-color: transparent !important;
	padding: .2em;
    font-size: 1em;
    transition: background-color .3s;
}

body .ui-picklist .ui-picklist-list .ui-picklist-item {
    border: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-right:before {
	content: "Add" !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
    
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-right:before {
	content: "Add All" !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-left:before {
	content: "Remove" !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-left:before {
	content: "Remove All" !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body .ui-picklist .ui-picklist-buttons button > .fa-fw {
    width: 90px !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    width: 90px !important;
}

.ui-button-icon-only .fa {
    top: 50%;
    left: 7px !important;
    margin-top: -.5em;
    margin-left: none !important;
}

.ui-picklist .ui-picklist-buttons {
    height: 12.5em;
    padding: 0 .25em;
    padding-top: 50px !important;
}

body .ui-picklist .ui-picklist-caption {
    background-color: #fff !important;
}