/**
 * A default stylesheme for Listbox.js plugin.
 *
 * @copyright   (c) 2012, Igor Kalnitsky <igor@kalnitsky.org>
 * @version     0.3.0-dev
 * @license     BSD
 */

.lbjs {
/*    margin: 10px;*/
/*    width: 170px;*/
    padding: 5px;
/*    border: 1px solid #CCC;
    border-radius: 5px;*/
    background: #FCFCFC;
    height: 600px;
}

.lbjs .lbjs-list {
    margin: 0px;
    overflow: auto;
}


.lbjs .lbjs-list .lbjs-item {
/*    margin: 0px;
    padding: 5px;*/
display: block;margin: 5px;padding: 5px;border: 1px solid #cccccc;background: #eeeeee;
}

.lbjs .lbjs-list .lbjs-item:not([disabled]) {
    cursor: pointer;
}

.lbjs .lbjs-list .lbjs-item:hover:not([disabled]) {
/*    background: darkgray;*/
background: lightblue;
}

.lbjs .lbjs-list .lbjs-item[selected] {
/*    background: darkgray;*/
background: lightblue;
}

.lbjs .lbjs-list .lbjs-item[disabled] {
    color: #999;
    cursor: default;
}

.lbjs .lbjs-searchbar-wrapper {
    margin: 0px;
    margin-right: 12px;
}

.lbjs .lbjs-searchbar {
    margin: 0px;
    margin-bottom: 10px;
    width: 100%;
    padding: 3px 5px;
    border: 1px solid #ccc;
}


.lbjs-radiatedTo {
/*    margin: 10px;*/
/*    width: 170px;*/
    width: 200px;
    padding: 5px;
/*    border: 1px solid #CCC;
    border-radius: 5px;*/
    background: #FCFCFC;
    height: 320px;
}

.lbjs-radiatedTo .lbjs-radiatedTo-list {
    margin: 0px;
    overflow: auto;
    height: 315px !important;
}


.lbjs-radiatedTo .lbjs-radiatedTo-list .lbjs-radiatedTo-item {
/*    margin: 0px;
    padding: 5px;*/
display: block;margin: 5px;padding: 5px;border: 1px solid #cccccc;background: #eeeeee;height: 25px;
    font-size: 13px;
    padding-top: 0px;
}

.lbjs-radiatedTo .lbjs-radiatedTo-list .lbjs-radiatedTo-item:not([disabled]) {
    cursor: pointer;
}

.lbjs-radiatedTo .lbjs-radiatedTo-list .lbjs-radiatedTo-item:hover:not([disabled]) {
    background: darkgray;
/*background: lightyellow;*/
}

.lbjs-radiatedTo .lbjs-radiatedTo-list .lbjs-radiatedTo-item[selected] {
    background: darkgray;
//background: lightyellow;
}

.lbjs-radiatedTo .lbjs-radiatedTo-list .lbjs-radiatedTo-item[disabled] {
    color: #999;
    cursor: default;
}

.lbjs-radiatedTo .lbjs-radiatedTo-searchbar-wrapper {
    margin: 0px;
    margin-right: 12px;
}

.lbjs-radiatedTo .lbjs-radiatedTo-searchbar {
    margin: 0px;
    margin-bottom: 10px;
    width: 100%;
    padding: 3px 5px;
    border: 1px solid #ccc;
}






.lbjs-radiatedTo-Final {
/*    margin: 10px;*/
/*    width: 170px;*/
    width: 200px;
    padding: 5px;
/*    border: 1px solid #CCC;
    border-radius: 5px;*/
    background: #FCFCFC;
    height: 600px;
}

.lbjs-radiatedTo-Final .lbjs-radiatedTo-Final-list {
    margin: 0px;
    overflow: auto;
}


.lbjs-radiatedTo-Final .lbjs-radiatedTo-Final-list .lbjs-radiatedTo-Final-item {
/*    margin: 0px;
    padding: 5px;*/
display: block;margin: 5px;padding: 5px;border: 1px solid #cccccc;background: #eeeeee;height: 25px;
    font-size: 13px;
    padding-top: 0px;
}

.lbjs-radiatedTo-Final .lbjs-radiatedTo-Final-list .lbjs-radiatedTo-Final-item:not([disabled]) {
    cursor: pointer;
}

.lbjs-radiatedTo-Final .lbjs-radiatedTo-Final-list .lbjs-radiatedTo-Final-item:hover:not([disabled]) {
    background: darkgray;
/*background: lightyellow;*/
}

.lbjs-radiatedTo-Final .lbjs-radiatedTo-Final-list .lbjs-radiatedTo-Final-item[selected] {
    background: darkgray;
//background: lightyellow;
}

.lbjs-radiatedTo-Final .lbjs-radiatedTo-Final-list .lbjs-radiatedTo-Final-item[disabled] {
    color: #999;
    cursor: default;
}

.lbjs-radiatedTo-Final .lbjs-radiatedTo-Final-searchbar-wrapper {
    margin: 0px;
    margin-right: 12px;
}

.lbjs-radiatedTo-Final .lbjs-radiatedTo-Final-searchbar {
    margin: 0px;
    margin-bottom: 10px;
    width: 100%;
    padding: 3px 5px;
    border: 1px solid #ccc;
}







// ---- checkbox list ---

.form-group-checkbox input[type="checkbox"] {
    display: none;
}

.form-group-checkbox input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group-checkbox input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group-checkbox input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group-checkbox input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group-checkbox input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}