#sidebar-wrapper {height: auto; position: relative; left: 0; margin: 0;}
#wrapper {display: flex; padding: 0;}
#project-list {height: 100%;}

li.header .number1 {width: 30px;}
li.header .id_number {width: 30px;}
li.header .names {}
li.header .mailing {width: 100px;}
li.header .actions {width: 140px;}

.ui-sortable li:nth-child(2n+1){background-color: #f0f1f3;}
.ui-sortable li:hover{ background-color: #e5e6ea;}
ul.sortable-heading li {font-size: 1.25em; font-weight: bold; background-color: #fff !important;}
.ui-draggable{}

.uniimages input[type="checkbox"] {visibility: hidden;}
.uniimages input[type="checkbox"] + label {
    border: 1px solid transparent;
    width: 120px;
    height: 80px;
    overflow: hidden;
    }
.uniimages input[type="checkbox"]:checked + label {
    border: 1px solid deepskyblue;
    }

.uniimages label {width: 100%;}
.uniimages img {width: 100%;}

#quicksearch {border: 1px solid lightgrey !important;}
#quicksearch.act input {
    background-color: transparent;
    background-image: url("/bundles/wartcms/img/477.GIF") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}
#searchres {
    background-color: #fff;
    padding: 10px;
    position: absolute;
    z-index: 1000;
}
#searchres > div {
    border-bottom: 1px solid lightgrey;
}
#searchres > div:hover {
    border-bottom: 1px solid lightgrey;
    background-color: lightgrey;
}
.btn {line-height: 19px;}
/*.btn-group .btn + .btn {padding: 8px 12px;}*/
.btn-group.pull-left {margin-right: 12px; margin-bottom: 18px;}
.btn-group > .btn + .dropdown-toggle {

    }
#form1 .btn-group > .btn + .dropdown-toggle {
    padding: 6px 12px;
}

.status .icon-ok-sign { color: #1DC116;}
.status .icon-remove-sign {color: #FF0000;}


#feedback-pane .buttons-cell {min-width: 175px;}

.form-group label + select {
    clear: both;
    display: block;
    }

/*   Image    */
.uniimages .grid .imgfields {display: none;}

.uniimages .list label {}
.uniimages .list .imgblock > label:nth-child(2){
    float: left;
    width : 25%;
    }
.uniimages .list a {
    left     : 28px;
    position : absolute;
    top      : 120px;
    }
.uniimages .list .imgblock {width: 50%;}
.uniimages .list .imgfields {
    margin-left : 110px;
    }
.uniimages .saving {background: url("/bundles/wartcms/img/245.GIF") no-repeat center;}
.uniimages .saving div {visibility: hidden;}

.modal .form-group .form-control {
    border:  1px solid #ced1d7 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.form_new input {
    height: 32px;
    width: 80%;
    border-radius: 2px;
}
.form_new input[type=submit] {
    width: 60%;
    border-radius: 5px;
    color: #fff;
    background: #3eb0ad;
    height: 45px;
    font-size: 16px;
}
.modal_footer button.btn.btn-primary.btn-lg.btn-block {
    display: none;
}
.form-horizontal label {display: block;}
.modal-backdrop {z-index: 2000;}
.modal-dialog {margin-top: 8%;}

label.toggle {display: block;}


.panel-body pre.sf-dump {z-index: 0;}
.sidebar-nav {position: static; top: auto;}
.sidebar-nav .nav-icon i {
    margin-left: 20px;
    min-width: 60px !important;
    display: block;
}
.sidebar-nav li {
    line-height: 60px;
    text-indent: 0;
    clear: both;
}
.sidebar-nav li a span {
    margin-left: 15px;
    display: table-cell;
}

.sidebar-nav > li > a span.sidebar-menu-item-text {
    display: table-cell;
    height: 60px;
    line-height: 1;
    padding-right: 10px;
    vertical-align: middle;
}
.form-submit-controls {margin: 15px 0 45px;}

.panel-gray .panel-body a {
    color: #000;
}

#actionmodal .right {float: right;}
#actionmodal .left {float: left;}
.ui-sortable ul.dropdown-menu li {padding: 0;}







.radio div {
    clear: both;
    overflow: hidden;
    }

.radio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
    }

.radio input[type="radio"]:empty,
.radio input[type="checkbox"]:empty {
    display: none;
    }

.radio input[type="radio"]:empty ~ label,
.radio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    margin-top: 2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

.radio input[type="radio"]:empty ~ label:before,
.radio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: -1px;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
    height: 35px;
    }

.radio input[type="radio"]:empty ~ label::after,
.radio input[type="checkbox"]:empty ~ label::after {
    display: none;
    }

.radio input[type="radio"]:hover:not(:checked) ~ label,
.radio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
    }

.radio input[type="radio"]:hover:not(:checked) ~ label:before,
.radio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
    }

.radio input[type="radio"]:checked ~ label,
.radio input[type="checkbox"]:checked ~ label {
    color: #777;
    }

.radio input[type="radio"]:checked ~ label:before,
.radio input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
    }

.radio input[type="radio"]:focus ~ label:before,
.radio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
    }

.radio-default input[type="radio"]:checked ~ label:before,
.radio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
    }

.radio-primary input[type="radio"]:checked ~ label:before,
.radio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
    }

.radio-success input[type="radio"]:checked ~ label:before,
.radio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
    }

.radio-danger input[type="radio"]:checked ~ label:before,
.radio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
    }

.radio-warning input[type="radio"]:checked ~ label:before,
.radio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
    }

.radio-info input[type="radio"]:checked ~ label:before,
.radio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
    }

.names {
    width: 40%;
    }

/* SCSS STYLES */
/*
.radio {

    div {
        clear: both;
        overflow: hidden;
    }

    label {
        width: 100%;
        border-radius: 3px;
        border: 1px solid #D1D3D4;
        font-weight: normal;
    }

    input[type="radio"],
    input[type="checkbox"] {

        &:empty {
            display: none;

            ~ label {
                position: relative;
                line-height: 2.5em;
                text-indent: 3.25em;
                margin-top: 2em;
                cursor: pointer;
                user-select: none;

                &:before {
                    position: absolute;
                    display: block;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    content: '';
                    width: 2.5em;
                    background: #D1D3D4;
                    border-radius: 3px 0 0 3px;
                }
            }
        }

        &:hover:not(:checked) ~ label {
            color: #888;

            &:before {
                content: '\2714';
                text-indent: .9em;
                color: #C2C2C2;
            }
        }

        &:checked ~ label {
            color: #777;

            &:before {
                content: '\2714';
                text-indent: .9em;
                color: #333;
                background-color: #ccc;
            }
        }

        &:focus ~ label:before {
            box-shadow: 0 0 0 3px #999;
        }
    }

    &-default {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #333;
                background-color: #ccc;
            }
        }
    }

    &-primary {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: #337ab7;
            }
        }
    }

    &-success {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: #5cb85c;
            }
        }
    }

    &-danger {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: #d9534f;
            }
        }
    }

    &-warning {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: #f0ad4e;
            }
        }
    }

    &-info {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: #5bc0de;
            }
        }
    }
}
*/