/* disabled inputs should be grey */
.form-control[disabled] {
    background-color: #e9ecef !important;
}

/* readonly inputs should be white */
.form-control[readonly] {
    background-color: #fff !important;
}

/* disabled toggles should be grey (except when they are checked, e.g. BankStandard) */
.slideToggleContainer .slideToggleInput[disabled] {
    cursor: not-allowed !important;
}
.slideToggleContainer .slideToggleInput[disabled]:not(:checked) + [class*="slideToggleBG-"] {
    background: silver !important;
}
.slideToggleContainer .slideToggleInput[disabled] + [class*="slideToggleBG-"] .slideToggleSwitch {
    background: #808080 !important;
}

/* improvements to selectize dropdown appearance */
.selectize-control {
    padding: 0;
}
.selectize-input {
    height: 36px;
}
.selectize-input,
.selectize-input input {
    font-size: inherit;
}
.selectize-dropdown {
    background-color: #fff;
    top: 37px !important;
    left: 0px !important;
    padding: 0;
}
.selectize-dropdown-content {
    max-height: 350px;
}
.selectize-dropdown-content .option.active {
    background-color:#eee !important;
    color:inherit !important;
}
.selectize-dropdown .caption {
    font-size: 0.9em;
    color: #999;
}
.selectize-dropdown .optgroup-header {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 10px;
    color: #666;
}
.selectize-dropdown .optgroup:not(:last-child) {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.selectize-dropdown [data-selectable] {
    padding-left: 20px !important;
}
.selectize-dropdown .selected,
.selectize-dropdown div[data-selectable]:hover {
    background-color: #eee;
}
.selectize-dropdown.single.form-control {
    height: auto;
}
.selectize-control.form-control.single {
    height: auto;
}