.classification-modal .modal-dialog {
    width: auto;
    max-width: 70%;
}

.classification-modal .modal-content {
    position: relative;
}

.classification-modal .spinner {
    top: 15px;
    left: 170px;
    z-index: 1051;
}

.classification-modal .modal-search {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.classification-modal #search, .classification-modal #search_code {
    color: #337ab7;
    font-style: italic;
    text-align: right;
    width: 100%;
    margin-bottom: 5px;
}

.classification-modal .modal-body {
    height: 300px;
    overflow-y: auto;
}

.classification-modal .item-name {
    position: relative;
    cursor: pointer;
    margin-top: 5px;
    padding: 2px;
    border: 1px solid transparent;
    background: #fff;
    color: #777;
    transition: all 0.2s;
}

.classification-modal .item-name span {
    margin-left: 20px;
}

.classification-modal .item-name i {
    top: 5px;
    position: absolute;
}

.classification-modal .item-name:hover {
    border-color: #000;
    color: #000;
}

.classification-modal .item-id {
    position: relative;
}

.classification-modal .item-id:after {
    content: '-';
    position: absolute;
    top: -1px;
    right: -13px;
    visibility: visible;
}

.classification-modal .item-child {
    padding-left: 10px;
}

.classification-modal .selected {
    color: #337ab7;
    border-color: #337ab7;
    transition: all 0.2s;
}

.classification-modal .selected:hover {
    background: #337ab7;
    color: #fff;
}

.classification-modal #selected-item {
    font-size: 10px;
    margin-bottom: 15px;
    min-height: 28px;
}

.classification-modal #selected-item p {
    margin: 0;
}

.classification-modal .selected-code {
    color: #000;
    font-weight: 600;
}

.classification-modal .selected-name {
    color: #337ab7;
    font-weight: 600;
}

.classification-modal .item.disabled .item-name {
    color: #945b5b;
    cursor: not-allowed;
}

.classification-modal .modal-dialog.modal-big {
    width: auto;
     max-width: initial;
}

@media (min-width: 992px) {
    .classification-modal .modal-dialog.modal-big {
        width: 970px;
        max-width: initial;
    }
}
@media (min-width: 1200px) {
    .classification-modal .modal-dialog.modal-big {
        width: 1170px;
        max-width: initial;
    }
}